/* Reset im iframe */
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; background:transparent; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif; }

/* Card */
.sw-card{
  width: 560px;           /* Gesamtbreite Widget */
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(0,0,0,.12);
  padding: 18px 18px 14px;
}

/* Header */
.sw-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
.sw-title{ font-size:22px; font-weight:650; color:#1f2937; }
.sw-sub{ font-size:14px; color:#6b7280; margin-top:4px; }

/* Badge */
.sw-badge{
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  user-select:none;
}
.sw-badge.ok{ background:#16a34a; }
.sw-badge.bad{ background:#b91c1c; }
.sw-badge.neutral{ background:#6b7280; }

/* ===== Bühne FIX ===== */
.sw-stage{
  position: relative;
  width: 100%;
  height: 360px;          /* <<< FIX */
  border-radius: 20px;
  background: #f5f5f5;
  overflow: hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Korb immer gleich groß */
.sw-basket{
  width: 300px;           /* <<< FIX Korbgröße */
  height: auto;
  filter: drop-shadow(0 18px 18px rgba(0,0,0,.18));
  user-select:none;
  -webkit-user-drag:none;
}

/* Bee layer */
.sw-bees{
  position:absolute;
  inset:0;
  pointer-events:none;
}

/* Bees */
.sw-bee{
  position:absolute;
  left:0; top:0;
  will-change: transform, opacity;
  transform: translate3d(-9999px,-9999px,0);
  font-size: 26px;        /* Emoji-Größe */
  filter: drop-shadow(0 6px 6px rgba(0,0,0,.18));
}

/* Debug Hole */
.sw-hole{
  position:absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,0,0,.75);
  transform: translate(-50%,-50%);
  opacity: 0; /* zum Debug auf 1 setzen */
}

/* Pill */
.sw-pill{
  margin: 14px auto 10px;
  width: 220px;
  text-align:center;
  padding: 14px 16px;
  border-radius: 999px;
  font-weight: 750;
  letter-spacing:.3px;
  color:#fff;
  user-select:none;
}
.sw-pill.ok{ background:#16a34a; }
.sw-pill.bad{ background:#b91c1c; }
.sw-pill.neutral{ background:#6b7280; }

/* Footer */
.sw-foot{
  display:flex;
  justify-content:center;
  gap: 22px;
  font-size: 13px;
  color:#6b7280;
  padding-top: 6px;
}