/* Compact promo cards; both carousels use small vertical dots with larger hit areas. */
.promo-giveaway{--prize-table-filter:none;padding:calc(32 * var(--u)) calc(16 * var(--u));background:linear-gradient(155deg,#ff791c,#fcb13f)}
.promo-giveaway[data-tier=medium]{--prize-table-filter:hue-rotate(178deg) saturate(.8);background:linear-gradient(155deg,#2562d5,#31a7ed)}
.promo-giveaway[data-tier=quick]{--prize-table-filter:hue-rotate(245deg) saturate(.7);background:linear-gradient(155deg,#713ac3,#ad6cde)}
.promo-giveaway__copy{position:relative;z-index:2;width:100%;min-width:0}
.promo-giveaway__title{font-size:calc(23 * var(--u))}
.promo-giveaway__timer{margin-top:calc(13 * var(--u));gap:calc(6 * var(--u))}
.promo-giveaway__value{width:calc(43 * var(--u));height:calc(32 * var(--u));border-radius:var(--tab-radius);font-variant-numeric:tabular-nums}
.promo-giveaway__label{font-size:calc(9 * var(--u))}
.promo-giveaway__status{margin:calc(6 * var(--u)) 0 0;text-align:center;font-size:calc(9 * var(--u));line-height:1.3;color:#fff}
.promo-giveaway__status:empty{display:none}
.promo-giveaway__stage{left:50%;bottom:calc(44 * var(--u));width:min(96%,calc(240 * var(--u)));height:calc(160 * var(--u));max-height:none;display:block}
.promo-giveaway__table{position:absolute;left:0;bottom:calc(-85 * var(--u));width:100%;height:calc(150 * var(--u));object-fit:contain;filter:var(--prize-table-filter)}
.promo-giveaway__knife{bottom:calc(75 * var(--u));width:83%;height:calc(105 * var(--u));object-fit:contain;object-position:center;filter:drop-shadow(0 8px 8px #60360a35)}
.promo-giveaway__join{position:absolute;left:50%;bottom:calc(23 * var(--u));transform:translateX(-50%);margin:0;width:calc(100% - 40 * var(--u));max-width:calc(190 * var(--u));height:calc(36 * var(--u));min-height:0;border-radius:var(--tab-radius);background:linear-gradient(180deg,#ffc85b,#ff9e20);color:#fff;font-size:calc(12 * var(--u));font-weight:750;text-decoration:none;cursor:pointer;box-shadow:0 4px 18px #b85a2520;transition:filter .18s ease}
.promo-giveaway[data-tier=medium] .promo-giveaway__join{background:linear-gradient(180deg,#6acaff,#228cff)}
.promo-giveaway[data-tier=quick] .promo-giveaway__join{background:linear-gradient(180deg,#ce9bff,#a160e5)}
.promo-giveaway__join:hover{filter:brightness(1.1)}
.promo-giveaway__dots,.promo-hero__dots{position:absolute;left:auto;right:calc(6 * var(--u));top:50%;bottom:auto;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:0;height:auto;margin:0;z-index:6}
.promo-giveaway .promo-giveaway__dot,.promo-hero .promo-hero__dot{position:relative;width:calc(20 * var(--u));height:calc(20 * var(--u));min-width:20px;min-height:20px;padding:0;border:0;background:transparent;appearance:none;cursor:pointer}
.promo-giveaway__dot::after,.promo-hero__dot::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:background-color .18s ease,box-shadow .18s ease}
.promo-giveaway__dot--active::after,.promo-hero__dot--active::after{background:#fff}
.promo-giveaway__dot:hover::after,.promo-hero__dot:hover::after{background:#ffffffbd;box-shadow:0 0 0 3px #ffffff12}
.promo-giveaway__dot:focus-visible,.promo-hero__dot:focus-visible,.promo-giveaway__join:focus-visible{outline:2px solid #fff;outline-offset:2px}
.promo-hero[data-slide="1"]{background:linear-gradient(120deg,#0b76cf,#20a8de)}
.promo-hero[data-slide="2"]{background:linear-gradient(120deg,#3356be,#7473e0)}
.promo-hero[data-slide="1"] .promo-hero__title{white-space:normal;font-size:calc(34 * var(--u));line-height:1.08}
@media(min-width:901px) and (max-width:1100px){
 .promo-giveaway{padding-top:calc(24 * var(--u))}
 .promo-giveaway__title{font-size:calc(21 * var(--u))}
 .promo-giveaway__stage{bottom:calc(30 * var(--u));height:calc(135 * var(--u))}
 .promo-giveaway__knife{height:calc(88 * var(--u));bottom:calc(60 * var(--u))}
 .promo-giveaway__table{height:calc(125 * var(--u));bottom:calc(-70 * var(--u))}
 .promo-giveaway__join{bottom:calc(18 * var(--u));height:calc(32 * var(--u));font-size:calc(10.5 * var(--u))}
}
@media(max-width:900px){
 .promo-hero,.promo-giveaway{height:258px;min-height:258px;max-height:258px}
 .promo-hero__content{position:absolute;inset:0 auto 0 0;width:56%;max-width:370px;padding:20px;gap:10px;box-sizing:border-box}
 .promo-hero__title{font-size:clamp(25px,4.3vw,34px);white-space:normal;line-height:1.06}
 .promo-hero[data-slide="1"] .promo-hero__title{font-size:clamp(25px,4.3vw,34px)}
 .promo-hero__subtitle{font-size:13px;line-height:1.4}
 .promo-hero__visual{position:absolute;inset:0;height:100%}
 .promo-hero__character{right:1%;top:auto;bottom:0;width:53%;height:92%;object-fit:contain;object-position:right bottom;transform:none}
 .promo-hero__deposit{height:40px;min-height:40px;margin-top:3px}
 .promo-giveaway{padding:34px 20px;align-items:flex-start}
 .promo-giveaway::before{left:78%;top:53%;width:60%}
 .promo-giveaway__copy{width:58%;max-width:370px}
 .promo-giveaway__title{text-align:left;font-size:26px}
 .promo-giveaway__timer{justify-content:flex-start;margin-top:16px;gap:6px}
 .promo-giveaway__value{width:38px;height:30px;font-size:16px}
 .promo-giveaway__label{font-size:9px}
 .promo-giveaway__status{margin-top:8px;text-align:left;font-size:10px;max-width:140px}
 .promo-giveaway__stage{left:auto;right:12px;bottom:35px;transform:none;width:46%;max-width:240px;height:170px}
 .promo-giveaway__table{bottom:-60px;height:120px;width:100%}
 .promo-giveaway__knife{width:94%;height:112px;bottom:67px}
 .promo-giveaway__join{left:20px;bottom:30px;transform:none;width:auto;max-width:none;min-height:38px;height:38px;padding:0 14px;font-size:12px}
 .promo-giveaway__dots,.promo-hero__dots{right:3px}
 .promo-giveaway .promo-giveaway__dot,.promo-hero .promo-hero__dot{width:22px;height:26px}
}
@media(max-width:380px){
 .promo-hero__content{padding:16px;width:58%;gap:8px}
 .promo-hero__subtitle{font-size:12px}
 .promo-hero__subtitle br{display:none}
 .promo-hero__character{width:50%;right:-2%}
 .promo-giveaway{padding:34px 16px}
 .promo-giveaway__title{font-size:24px}
 .promo-giveaway__join{left:16px;font-size:11px;padding:0 10px}
 .promo-giveaway__copy{width:60%}
 .promo-giveaway__stage{width:43%;right:8px}
}
@media(prefers-reduced-motion:reduce){.promo-giveaway__join,.promo-giveaway__dot::after,.promo-hero__dot::after{transition:none}}

/* Crossfade the backdrop and pedestal palettes together, with an independent prize slide. */
.promo-giveaway__wash{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit}
.promo-giveaway__outgoing{pointer-events:none}
.promo-giveaway .promo-giveaway__pause{position:absolute;right:8px;top:8px;z-index:7;width:26px;height:26px;display:grid;place-items:center;border:0;background:transparent;color:#ffffff8c;cursor:pointer;padding:5px;transition:color .18s ease,background-color .18s ease}
.promo-giveaway__pause svg{display:block;width:14px;height:14px}
.promo-giveaway .promo-giveaway__pause:hover,.promo-giveaway .promo-giveaway__pause[aria-pressed=true]{color:#fff;background:#ffffff14}
.promo-giveaway__pause:focus-visible{outline:2px solid #fff;outline-offset:1px}
.promo-giveaway__pause[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.promo-giveaway .promo-giveaway__pause{transition:none}}
