.stage--draw{gap:16px}.stage--draw:before{background:repeating-conic-gradient(from 3.75deg at 50% 36%, var(--ray) 0deg 7.5deg, transparent 7.5deg 15deg);-webkit-mask-image:radial-gradient(circle at 50% 36%,#000 18%,#0000 60%);mask-image:radial-gradient(circle at 50% 36%,#000 18%,#0000 60%)}.draw{justify-items:center;gap:12px;width:100%;display:grid;position:relative}.cards{--name-size:clamp(2.5rem, 9vw, 5.2rem);--card-min:clamp(190px, 32svh, 300px);isolation:isolate;grid-template-columns:minmax(0,560px);justify-content:center;gap:12px;width:100%;margin:0;padding:0;list-style:none;display:grid;position:relative}.cards[data-size="2"]{--name-size:clamp(1.7rem, 4.4vw, 2.7rem);--card-min:136px;grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));max-width:820px}@media (max-width:599px){.cards[data-size="2"]{--card-min:88px;grid-template-columns:minmax(0,1fr);gap:10px}}.cards[data-size="3"]{--name-size:clamp(1.2rem, 2.4vw, 1.6rem);--card-min:96px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}.cards[data-size="4"]{--name-size:1.05rem;--card-min:60px;grid-template-columns:repeat(auto-fill,minmax(min(100%,128px),1fr));gap:8px}.cards[data-size="1"]:before,.cards[data-size="1"]:after{content:"";z-index:-1;border-radius:var(--radius-l);background:var(--surface);opacity:.55;width:min(100%,560px);box-shadow:var(--shadow-1);position:absolute;top:6px;bottom:6px;left:50%;translate:-50%;rotate:-3.2deg}.cards[data-size="1"]:after{opacity:.8;rotate:2.4deg}.card{min-height:var(--card-min);border-radius:var(--radius-l);background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 70%, transparent), var(--shadow-2);text-align:center;place-items:center;padding:calc(14px + 1.4vw) 18px calc(10px + 1.4vw);display:grid;position:relative;overflow:hidden}.cards[data-size="3"] .card,.cards[data-size="4"] .card{border-radius:var(--radius-m);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 70%, transparent), var(--shadow-1);padding:16px 10px 10px}.card__band{background:var(--band,var(--accent));height:12px;position:absolute;top:0;left:0;right:0}.cards[data-size="3"] .card__band,.cards[data-size="4"] .card__band{height:7px}.card__name{font-size:var(--name-size);letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance;max-width:100%;font-weight:800;line-height:1.04}.card__name.is-long{font-size:calc(var(--name-size) * .62);letter-spacing:-.025em}.cards[data-size="4"] .card__name{letter-spacing:-.01em;font-weight:720}.card__q{font-size:calc(var(--name-size) * 1.3);color:var(--ink-3);letter-spacing:-.04em;font-weight:800;line-height:1}.card__window{--reel-h:1.24em;font-size:var(--name-size);letter-spacing:-.04em;font-weight:800;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 4%,#000 34% 66%,#0000 96%);mask-image:linear-gradient(#0000 4%,#000 34% 66%,#0000 96%)}.card__strip{left:0;right:0;top:calc(50% - var(--reel-h) / 2);will-change:transform;display:grid;position:absolute}.card__strip span{height:var(--reel-h);line-height:var(--reel-h);white-space:nowrap;text-overflow:ellipsis;padding:0 14px;display:block;overflow:hidden}.card.is-rolling .card__name{visibility:hidden}.card.is-landed .card__window{display:none}.card.is-landed .card__name{animation:card-land .42s var(--ease-out)}@keyframes card-land{0%{opacity:.35;transform:scale(.9)}}.cards[data-size="4"] .card{animation:card-in .32s var(--ease-out) both}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.card.is-landed .card__name,.cards[data-size="4"] .card{animation:none}}.draw__status{min-height:36px;color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 18px;font-size:.975rem;font-weight:600;display:flex}.draw__status .link-btn{color:var(--ink);margin:0}.draw__controls{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px 20px;display:flex}.stage--draw .stage__hint{min-height:0;margin-top:-6px;font-size:.9rem}@media (hover:none) and (pointer:coarse){.stage--draw .stage__hint{display:none}}.is-spinning .draw__go{opacity:.85}.is-spinning .stepper__btn,.is-spinning .draw__status .link-btn{pointer-events:none}.results--draws li span{font-weight:620}@media (max-width:599px){.draw__controls{gap:12px;width:100%}.draw__go{flex:1;min-width:0;padding:0 20px}.stepper{flex:none}}@media (min-width:900px){.cards[data-size="1"]{--card-min:clamp(220px, 34svh, 320px)}}.stage--draw.is-present{align-content:center;gap:3vh;overflow:auto}.stage--draw.is-present .cards{--name-size:clamp(3rem, 12vh, 9rem);--card-min:38vh;grid-template-columns:minmax(0,min(88vw,1100px))}.stage--draw.is-present .cards[data-size="1"]:before,.stage--draw.is-present .cards[data-size="1"]:after{width:min(88vw,1100px)}.stage--draw.is-present .cards[data-size="2"]{--name-size:clamp(2.2rem, 7vh, 5rem);--card-min:22vh;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));max-width:92vw}.stage--draw.is-present .cards[data-size="3"]{--name-size:clamp(1.6rem, 4.4vh, 3rem);--card-min:14vh;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));max-width:94vw}.stage--draw.is-present .cards[data-size="4"]{--name-size:clamp(1.1rem, 2.6vh, 1.8rem);max-width:96vw}.stage--draw.is-present .draw__status{font-size:clamp(1rem,2.2vh,1.4rem)}.stage--draw.is-present .stage__hint{display:none}.stage--draw.is-present .btn--go{min-height:clamp(64px,8vh,96px);padding:0 clamp(34px,4vw,56px);font-size:clamp(1.25rem,2.6vh,1.9rem)}