body{display:flex;flex-direction:column;min-height:100dvh}.bar-actions{display:flex;align-items:center;gap:10px}.pill-counter{background:var(--card-bg);border:1.5px solid var(--card-line);border-radius:999px;padding:9px 16px;font-weight:800;font-size:0.95rem;color:var(--text-dim);white-space:nowrap}.gift-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.5vh,24px);padding:10px clamp(10px,3vw,28px) clamp(18px,4vh,34px)}.stage-msg{text-align:center;color:var(--text-dim);font-weight:600;line-height:2;max-width:420px}.stage-msg .big{font-size:3rem}.stage-msg h2{color:var(--text);font-weight:900;margin-bottom:6px}.spinner{width:46px;height:46px;border-radius:50%;border:4px solid var(--card-line);border-top-color:var(--purple);margin:0 auto 16px;animation:spin 0.9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,1.6vmin,16px);width:min(100%,78vmin,640px)}.num-card{position:relative;aspect-ratio:1;border-radius:clamp(12px,2.4vmin,22px);font-family:inherit;font-weight:900;font-size:clamp(1.5rem,7vmin,3rem);color:#fff;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 92%,#fff 8%),color-mix(in srgb,var(--c) 78%,#000 22%));box-shadow:0 5px 18px -6px color-mix(in srgb,var(--c) 70%,transparent),inset 0 1px 0 rgba(255,255,255,0.25);transition:transform var(--snap),filter var(--smooth),opacity var(--smooth),box-shadow var(--snap);-webkit-tap-highlight-color:transparent;animation:pop-in 500ms cubic-bezier(0.34,1.5,0.64,1) both;animation-delay:calc(var(--i) * 22ms)}@keyframes pop-in{from{opacity:0;transform:scale(0.4)}to{opacity:1;transform:scale(1)}}.num-card:hover{transform:translateY(-4px) scale(1.04)}.num-card:active{transform:scale(0.92)}.num-card.used{pointer-events:none;filter:grayscale(0.9) brightness(0.42);opacity:0.45;box-shadow:none}.num-card.tease{animation:tease 640ms cubic-bezier(0.36,0.07,0.19,0.97) both;z-index:5}@keyframes tease{0%,100%{transform:scale(1) rotate(0)}15%{transform:scale(1.12) rotate(-4deg)}30%{transform:scale(1.12) rotate(4deg)}45%{transform:scale(1.16) rotate(-5deg)}60%{transform:scale(1.16) rotate(5deg)}75%{transform:scale(1.2) rotate(-2deg)}90%{transform:scale(1.22) rotate(2deg)}}.num-card.wave{animation:wave 520ms cubic-bezier(0.34,1.4,0.64,1) both;animation-delay:calc(var(--i) * 26ms)}@keyframes wave{0%{transform:rotateY(0)}50%{transform:rotateY(90deg) scale(0.85);opacity:0.4}100%{transform:rotateY(0);opacity:1}}.player-overlay.show{animation:none}.player-card{position:relative;width:min(84vmin,460px);aspect-ratio:1;border-radius:34px;background:radial-gradient(90% 90% at 50% 0%,color-mix(in srgb,var(--c,#8710FF) 42%,transparent) 0%,transparent 65%),linear-gradient(165deg,rgba(42,11,82,0.95),rgba(12,5,28,0.98));border:1.5px solid color-mix(in srgb,var(--c,#8710FF) 55%,transparent);box-shadow:0 30px 90px -20px color-mix(in srgb,var(--c,#8710FF) 60%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,4vmin,26px);-webkit-tap-highlight-color:transparent;transform:scale(0.8);transition:transform var(--grand)}.overlay.show .player-card{transform:scale(1)}.player-card:active{transform:scale(0.96)}.player-num{font-weight:900;font-size:clamp(4.5rem,28vmin,9.5rem);line-height:1;color:#fff;text-shadow:0 8px 40px color-mix(in srgb,var(--c,#8710FF) 80%,transparent)}.player-hint{color:rgba(242,242,242,0.78);font-weight:700;font-size:clamp(0.95rem,2.8vmin,1.1rem)}.ring{position:absolute;inset:clamp(16px,3.4vmin,24px);transform:rotate(-90deg);pointer-events:none}.ring circle{fill:none;stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke}.ring-track{stroke:rgba(255,255,255,0.09)}.ring-fill{stroke:var(--c,#8710FF);stroke-dasharray:578;stroke-dashoffset:578;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--c,#8710FF) 80%,transparent))}.eq{display:flex;align-items:flex-end;gap:8px;height:clamp(32px,9vmin,50px)}.eq i{width:clamp(6px,1.8vmin,9px);border-radius:99px;background:linear-gradient(to top,var(--c,#8710FF),#fff);animation:eq-bounce 900ms ease-in-out infinite}.eq i:nth-child(1){animation-delay:0ms;height:40%}.eq i:nth-child(2){animation-delay:120ms;height:75%}.eq i:nth-child(3){animation-delay:240ms;height:55%}.eq i:nth-child(4){animation-delay:360ms;height:95%}.eq i:nth-child(5){animation-delay:480ms;height:60%}.eq i:nth-child(6){animation-delay:600ms;height:82%}.eq i:nth-child(7){animation-delay:720ms;height:45%}@keyframes eq-bounce{0%,100%{transform:scaleY(0.35)}50%{transform:scaleY(1)}}.player-card.paused .eq i{animation-play-state:paused}@media (max-width:560px){.top-bar{padding:10px 12px}.brand .brand-name{font-size:1rem}.top-bar .brand img{height:28px}.pill-counter{padding:8px 11px;font-size:0.88rem;color:var(--text);border-color:rgba(198,88,250,0.4);white-space:nowrap}.board{width:100%}}@media (max-width:640px) and (orientation:portrait){.gift-stage{justify-content:flex-start;padding-top:clamp(14px,5vh,48px)}}