.wbcd__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.wbcd__loading{padding:12px 4px;opacity:.85}
.wbcd{position:fixed;inset:0;pointer-events:none;z-index:999999}
.wbcd.is-open{pointer-events:auto}
.wbcd__panel{position:absolute;right:12px;top:12px;bottom:12px;width:min(460px,calc(100vw - 24px));background:rgba(255,255,255,.96);border:1px solid rgba(0,0,0,.10);border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.25);padding:14px;overflow:auto}
.wbcd__panel.is-takeover{border-color:rgba(255,0,0,.25);background:linear-gradient(135deg, rgba(255,0,0,.06), rgba(255,255,255,.96))}
.wbcd__close{position:sticky;top:0;float:right;border:0;background:rgba(0,0,0,.05);border-radius:12px;width:36px;height:36px;font-size:20px;cursor:pointer}
.wbcd__header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
.wbcd__title{font-weight:900;font-size:18px;letter-spacing:.2px}
.wbcd__eventhud{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:14px;border:1px solid rgba(0,0,0,.10);background:rgba(0,0,0,.03)}
.wbcd__eventhud.is-final{border-color:rgba(255,0,0,.18);background:rgba(255,0,0,.06)}
.wbcd__eventhud-badge{font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.8)}
.wbcd__eventhud-count{font-size:12px;opacity:.75;white-space:nowrap}
.wbcd__notice{padding:10px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.10);margin:10px 0}
.wbcd__notice--warn{border-color:rgba(255,170,0,.25);background:rgba(255,170,0,.08)}
.wbcd__savings{padding:10px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.10);background:rgba(0,0,0,.03);margin:10px 0;font-weight:800}
.wbcd__finaldrop{position:sticky;bottom:10px;margin:10px 0;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,0,0,.18);background:rgba(255,0,0,.06);display:flex;justify-content:space-between;gap:10px;align-items:center}
.wbcd__finaldrop-cta{text-decoration:none;padding:8px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.85)}
.wbcd__items{display:grid;gap:10px;margin:10px 0}
.wbcd__item{display:grid;grid-template-columns:74px 1fr auto;gap:10px;border:1px solid rgba(0,0,0,.10);border-radius:16px;padding:10px;background:rgba(255,255,255,.75)}
.wbcd__item-img img{width:74px;height:auto;border-radius:14px}
.wbcd__item-name{text-decoration:none;color:inherit;font-weight:800;display:block}
.wbcd__item-price{font-size:12px;opacity:.8;margin-top:2px}
.wbcd__qty{display:flex;gap:6px;align-items:center;margin-top:8px}
.wbcd__qty-btn{width:30px;height:30px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.04);cursor:pointer}
.wbcd__qty-input{width:58px;border-radius:12px;border:1px solid rgba(0,0,0,.12);padding:6px 8px}
.wbcd__item-actions{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}
.wbcd__remove{border:0;background:rgba(0,0,0,.05);border-radius:10px;width:30px;height:30px;cursor:pointer}
.wbcd__coupon-form{display:flex;gap:8px}
.wbcd__coupon-form input{flex:1;border-radius:12px;border:1px solid rgba(0,0,0,.12);padding:10px 12px}
.wbcd__coupon-form button{border-radius:12px;border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.04);padding:10px 12px;cursor:pointer}
.wbcd__doorbusters{margin:14px 0}
.wbcd__section-title{font-weight:900;margin:0 0 10px 0}
.wbcd__db-row{display:flex;gap:10px;overflow:auto;padding-bottom:6px}
.wbcd__db-card{position:relative;min-width:190px;max-width:220px;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.10);border-radius:16px;padding:10px;background:rgba(255,255,255,.78);display:grid;gap:8px}
.wbcd__db-card.is-final{box-shadow:0 0 0 1px rgba(255,0,0,.12), 0 18px 40px rgba(255,0,0,.10)}
.wbcd__badge{position:absolute;top:10px;left:10px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.92);font-size:12px;font-weight:900}
.wbcd__save,.wbcd__label{font-size:11px;opacity:.9;padding:4px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(0,0,0,.04);margin-left:6px}
.wbcd__db-meta{font-size:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wbcd__footer{position:sticky;bottom:0;margin-top:10px;padding-top:10px;background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.96) 25%)}
.wbcd__totals{display:grid;gap:6px;border:1px solid rgba(0,0,0,.10);border-radius:16px;padding:10px;background:rgba(255,255,255,.75)}
.wbcd__row{display:flex;justify-content:space-between;gap:10px}
.wbcd__row--total{font-weight:900}
.wbcd__btn{display:block;text-align:center;margin-top:10px;text-decoration:none;color:inherit;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.04);padding:12px 14px}
.wbcd__btn--primary{background:rgba(0,0,0,.85);color:#fff;border-color:rgba(0,0,0,.85)}
.wbcd__empty{padding:18px;border-radius:16px;border:1px dashed rgba(0,0,0,.18);text-align:center;opacity:.8}
.wbcd__lc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.wbcd__lc-card{text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.10);border-radius:14px;padding:10px;background:rgba(255,255,255,.78);display:grid;gap:8px}
.wbcd__lc-img img{width:100%;height:auto;border-radius:12px}


/* WOW takeover mode (final phase) */
.wbcd__eventhud--takeover{
  border:1px solid rgba(255,0,0,.22);
  background:linear-gradient(135deg, rgba(255,0,0,.10), rgba(255,215,0,.10), rgba(255,255,255,.86));
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  animation:wbcdPulse 1.25s ease-in-out infinite;
}
@keyframes wbcdPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}


/* Ticker */
.wbcd__ticker{overflow:hidden;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);margin-top:8px}
.wbcd__ticker-track{display:flex;gap:18px;white-space:nowrap;padding:8px 12px;will-change:transform}
.wbcd__ticker-item{font-size:12px;opacity:.9}
.wbcd__ticker-dot{opacity:.5}

/* Doorbusters shuffle */
.wbcd__doorbusters-h{display:flex;align-items:center;justify-content:space-between}
.wbcd__doorbusters-shuffle{border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.72);border-radius:10px;padding:6px 10px;cursor:pointer}
.wbcd__doorbusters-shuffle:active{transform:scale(.98)}
.wbcd.is-shuffling .wbcd__panel{animation:wbcdShake .4s ease-in-out}
@keyframes wbcdShake{0%{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-1px)}100%{transform:translateX(0)}}

/* Confetti burst */
.wbcd__confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.wbcd__confetti-piece{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;opacity:.85;animation:wbcdConfetti 1.8s ease-in forwards}
@keyframes wbcdConfetti{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(420px) rotate(220deg);opacity:0}}


/* Phase banner */
.wbcd__phasebanner{border-radius:16px;overflow:hidden;margin:10px 0;background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.08)}
.wbcd__phasebanner-inner{padding:10px 12px;background:linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.08))}
.wbcd__phasebanner-text{color:#fff;font-size:12px;letter-spacing:.3px}

/* Prize pool */
.wbcd__prize{margin:10px 0;padding:10px 12px;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.72)}
.wbcd__prize-h{display:flex;justify-content:space-between;align-items:center}
.wbcd__prize-v{font-weight:700}
.wbcd__prize-n{font-size:12px;opacity:.85;margin-top:4px}

/* Missions */
.wbcd__missions{margin:10px 0;padding:10px 12px;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.72)}
.wbcd__missions-h{margin-bottom:8px}
.wbcd__mission{margin:10px 0}
.wbcd__mission-top{display:flex;justify-content:space-between;align-items:center}
.wbcd__mission-desc{font-size:12px;opacity:.85;margin-top:3px}
.wbcd__mission-bar{height:8px;border-radius:999px;background:rgba(0,0,0,.08);overflow:hidden;margin-top:6px}
.wbcd__mission-bar i{display:block;height:100%;background:rgba(0,0,0,.30)}

/* Doorbusters auto-rotate */
.wbcd__rotate{display:flex;gap:8px;align-items:center;font-size:11px;opacity:.8;margin:6px 0 10px}
.wbcd__rotate-dot{font-size:10px}


/* Participation */
.wbcd__participation{display:flex;gap:8px;align-items:center;font-size:12px;opacity:.85;margin:8px 0}
.wbcd__participation-dot{font-size:10px}

/* Minigame */
.wbcd__minigame{margin:10px 0;padding:12px;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.72)}
.wbcd__minigame-desc{font-size:12px;opacity:.85;margin-top:4px}
.wbcd__minigame-cta{display:inline-block;margin-top:10px;padding:10px 12px;border-radius:12px;text-decoration:none;border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.06)}
.wbcd__minigame-embed{margin-top:10px;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.10)}
.wbcd__minigame-embed iframe{width:100%;height:180px;border:0}

/* Mission claim */
.wbcd__mission-claim{border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.70);border-radius:10px;padding:6px 10px;cursor:pointer}
.wbcd__mission-claim:disabled{opacity:.5;cursor:default}

/* Toast */
.wbcd__toast{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.92);opacity:0;transform:translateY(10px);transition:.2s ease}
.wbcd__toast.is-on{opacity:1;transform:translateY(0)}

.wbcd__doorbusters-drop{font-size:11px;opacity:.75;margin-top:2px}


html.wbcd--scrolllock, body.wbcd--scrolllock { overflow: hidden !important; }