:root{--bg: #0b0b13;--bg-elev: #15151f;--surface: #1d1d2b;--text: #f3f3fa;--text-dim: #a6a6c0;--accent: #6c5ce7;--accent-2: #00d2ff;--danger: #ff5c7c;--success: #2ee6a6;--radius: 16px;--border: rgba(255, 255, 255, .1);--shadow: 0 10px 30px rgba(0, 0, 0, .45);--grad: linear-gradient(135deg, var(--accent), var(--accent-2))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html{background:var(--bg);overscroll-behavior:none}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1a1a2e,var(--bg));background-color:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.screen{min-height:100%;display:flex;flex-direction:column;gap:24px;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.brand{text-align:center;margin-top:8vh}.brand h1{font-size:clamp(2rem,9vw,3rem);margin:0;letter-spacing:-.02em}.brand-accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--text-dim);margin-top:8px}.card{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card h2{margin:0 0 12px;font-size:1.1rem}.status-list{list-style:none;padding:0;margin:0;display:grid;gap:6px;color:var(--text-dim)}.status-list b{color:var(--text)}.hint{color:var(--text-dim);font-size:.85rem;margin-top:14px}.error{color:var(--danger)}button{font:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.center-screen{justify-content:center;align-items:center;text-align:center}.row{display:flex;gap:10px;align-items:center}.row.center{justify-content:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.center{text-align:center}.grow{flex:1;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.12);background:var(--bg-elev);color:var(--text);border-radius:12px;padding:12px 16px;font-weight:600;text-decoration:none;transition:transform .06s ease,filter .15s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn--primary{background:var(--grad);border:none;color:#0b0b13}.btn--ghost{background:transparent}.btn--danger{background:var(--danger);border:none;color:#0b0b13;font-weight:800;letter-spacing:.05em}.btn--go{background:var(--success);border:none;color:#04231a;font-weight:800}.btn--lg{padding:16px 20px;font-size:1.05rem;width:100%}.btn--sm{padding:8px 10px;font-size:.85rem}.btn--icon{padding:8px 10px}.hero{flex:1;display:grid;place-items:center;min-height:0}.hero-stage{position:relative;display:grid;place-items:center;width:min(58vw,260px);aspect-ratio:1}.hero-disc-wrap{position:relative;z-index:1;width:100%;animation:heroBob 4s ease-in-out infinite}.hero-disc{width:100%;height:auto;display:block;animation:spin 11s linear infinite;filter:drop-shadow(0 18px 40px rgba(0,0,0,.5))}.hero-label{transform-box:fill-box;transform-origin:center;animation:heroLabel 1.7s ease-in-out infinite}.hero-tonearm{animation:heroBlink 1.1s steps(1,end) infinite}.hero-glow{position:absolute;z-index:0;width:86%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(108,92,231,.6),rgba(0,210,255,.18) 58%,transparent 70%);filter:blur(16px);animation:heroGlow 3.2s ease-in-out infinite}.hero-note{position:absolute;z-index:2;left:50%;bottom:42%;font-size:1.6rem;opacity:0;pointer-events:none;text-shadow:0 0 10px rgba(0,210,255,.6);animation:heroNote 3.4s ease-in infinite}.hero-note--1{color:var(--accent-2);margin-left:-28%;animation-duration:3.2s;animation-delay:0s}.hero-note--2{color:var(--accent);margin-left:4%;font-size:2rem;animation-duration:3.9s;animation-delay:.9s}.hero-note--3{color:#ffd166;margin-left:22%;font-size:1.3rem;animation-duration:3.5s;animation-delay:1.8s}.hero-note--4{color:var(--accent-2);margin-left:-6%;animation-duration:4.2s;animation-delay:2.6s}.hero-eq{position:absolute;z-index:2;bottom:-4%;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:4px;height:26px}.hero-eq i{width:5px;height:30%;border-radius:3px;background:var(--grad);animation:heroEq .9s ease-in-out infinite}.hero-eq i:nth-child(2){animation-delay:.15s}.hero-eq i:nth-child(3){animation-delay:.3s}.hero-eq i:nth-child(4){animation-delay:.45s}.hero-eq i:nth-child(5){animation-delay:.6s}@keyframes heroBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes heroGlow{0%,to{transform:scale(.9);opacity:.55}50%{transform:scale(1.12);opacity:.95}}@keyframes heroLabel{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes heroBlink{0%,49%{opacity:1}50%,to{opacity:.2}}@keyframes heroNote{0%{transform:translateY(0) scale(.6) rotate(-12deg);opacity:0}15%{opacity:1}85%{opacity:.9}to{transform:translateY(-150px) scale(1.15) rotate(14deg);opacity:0}}@keyframes heroEq{0%,to{height:22%}50%{height:100%}}.home-actions{display:grid;gap:12px;padding-bottom:6px}.input,.select{width:100%;background:var(--bg-elev);border:1px solid rgba(255,255,255,.12);color:var(--text);border-radius:10px;padding:12px;font:inherit}.input--num{width:92px;text-align:center}.field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.field--row{justify-content:flex-start}.card h3{margin:0 0 10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid rgba(255,255,255,.14);background:var(--bg-elev);color:var(--text);border-radius:999px;padding:8px 14px}.chip--on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700;box-shadow:0 0 0 2px #6c5ce759}.chip:disabled{opacity:.35}.pill{background:var(--surface);border-radius:999px;padding:6px 14px;font-weight:600}.pill--dim{color:var(--text-dim)}.pill--btn{cursor:pointer;border:none}.joker-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ff5c7c1f;border:1px solid var(--danger);border-radius:12px;padding:10px 14px;font-size:.9rem}.chips.center{justify-content:center}.claims{display:grid;gap:8px;margin-top:4px}.claims-hint{margin:0;text-align:center;color:var(--text-dim);font-size:.9rem}.award{display:grid;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px}.award-title{margin:0;font-weight:700}.award-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.award-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;border-top:1px solid var(--border);padding-top:10px;font-size:.95rem}.award-summary .ok{color:var(--success);font-weight:700}.award-summary .bad{color:var(--text-dim)}.award-summary b{margin-left:auto;font-size:1.1rem}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;color:#0b0b13;flex:0 0 auto;line-height:1;box-shadow:0 2px 8px #0000004d}.tlv-card{border-left:4px solid var(--accent, transparent)}.standings li .avatar{margin-right:2px}.avatar-pick{flex:0 0 auto;width:48px;height:48px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:1.6rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.blitz{position:relative;height:34px;border-radius:999px;background:var(--surface);overflow:hidden;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.blitz-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#00cec9,#6c5ce7);transition:width 1s linear}.blitz-num{position:relative;z-index:1;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}.blitz--low .blitz-fill{background:var(--danger)}.blitz--low .blitz-num{animation:blitzPulse .6s ease-in-out infinite}@keyframes blitzPulse{50%{transform:scale(1.14)}}.risk-chip{font-weight:700}.opt-list{display:grid;gap:8px}.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer}.opt--on{border-color:var(--accent);background:#6c5ce729;box-shadow:inset 0 0 0 1px var(--accent)}.opt-icon{font-size:1.5rem;flex:0 0 auto;width:28px;text-align:center}.opt-text{display:flex;flex-direction:column;flex:1;min-width:0}.opt-name{font-weight:700}.opt-desc{color:var(--text-dim);font-size:.85rem}.opt-check{color:var(--accent);font-weight:800;width:16px;text-align:center}.setting{display:grid;gap:8px;margin-bottom:14px}.setting:last-child{margin-bottom:0}.setting-label{color:var(--text-dim);font-size:.9rem}.players{display:grid;gap:8px;margin-bottom:10px}.player-row{display:flex;align-items:center;gap:8px}.tabs{display:flex;gap:6px;overflow-x:auto}.tab{flex:1;background:var(--bg-elev);color:var(--text-dim);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:11px 10px;font-weight:600;transition:background .12s ease,color .12s ease}.tab--on{color:#fff;background:var(--accent);border-color:var(--accent);font-weight:800}.list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.list-row{display:flex;align-items:center;gap:8px;background:var(--bg-elev);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 12px}.flag{color:var(--danger);margin-left:6px}.ai-box{margin-top:14px;padding:14px;border:1px dashed rgba(255,255,255,.18);border-radius:12px;display:grid;gap:8px}.ai-box h4{margin:0}.handoff{display:grid;gap:16px;justify-items:center;width:100%}.handoff-label{color:var(--text-dim);margin:0;text-align:center}.handoff-name{width:100%;box-sizing:border-box;font-size:clamp(1.6rem,8vw,2.6rem);font-weight:900;margin:4px 0 8px;padding:16px 18px;border-radius:18px;background:var(--grad);color:#0b0b13;box-shadow:0 12px 32px #6c5ce766;overflow-wrap:anywhere;line-height:1.1;text-align:center}.btn--start{margin-top:10px;padding:18px 46px;font-size:1.3rem;font-weight:800;letter-spacing:.02em;border:none;border-radius:18px;background:var(--success);color:#04231a;box-shadow:0 12px 30px #2ee6a666;cursor:pointer;transition:transform .1s ease,filter .15s ease}.btn--start:active{transform:scale(.97)}.btn--start:disabled{opacity:.5;pointer-events:none}.mystery{display:grid;gap:12px;justify-items:center;text-align:center}.mystery-disc{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font-size:3rem;background:var(--grad);color:#0b0b13;box-shadow:var(--shadow);animation:spin 6s linear infinite;animation-play-state:paused}.mystery-disc--spin{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.disc-zone{position:relative;width:140px;height:140px;display:grid;place-items:center}.ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:5}.ring-prog{fill:none;stroke:var(--accent-2);stroke-width:6;stroke-linecap:round;stroke-dasharray:339.29;stroke-dashoffset:339.29;filter:drop-shadow(0 0 4px rgba(0,210,255,.6));animation:ringFill 30s linear forwards}@keyframes ringFill{to{stroke-dashoffset:0}}.mini-eq{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:22px}.mini-eq i{width:5px;height:25%;border-radius:3px;background:var(--grad);animation:heroEq .9s ease-in-out infinite;animation-play-state:paused}.mini-eq--on i{animation-play-state:running}.mini-eq i:nth-child(2){animation-delay:.12s}.mini-eq i:nth-child(3){animation-delay:.24s}.mini-eq i:nth-child(4){animation-delay:.36s}.mini-eq i:nth-child(5){animation-delay:.48s}.mini-eq i:nth-child(6){animation-delay:.6s}.mini-eq i:nth-child(7){animation-delay:.72s}.reveal-screen{background:radial-gradient(circle at 50% 16%,rgba(var(--cover),.3),transparent 55%);transition:background .5s ease}.flip{perspective:1000px;width:clamp(150px,52vw,210px);height:clamp(150px,52vw,210px);margin:0 auto}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:flipIn .8s cubic-bezier(.2,.7,.2,1) both}.reveal-screen .flip{filter:drop-shadow(0 14px 34px rgba(var(--cover),.5))}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:16px;display:grid;place-items:center;overflow:hidden;box-shadow:0 16px 40px #0000008c}.flip-front{background:var(--grad);color:#0b0b13;font-size:3.6rem}.flip-back{transform:rotateY(180deg);background:var(--bg-elev)}.flip-back img{width:100%;height:100%;object-fit:cover}.flip-ph{font-size:3.6rem}@keyframes flipIn{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.mystery-q{font-weight:600}.warn{color:#ffcf6c;font-size:.85rem}.tlv,.tlv-pair{display:flex;flex-direction:column}.tlv-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px 12px;box-shadow:var(--shadow)}.tlv-card--hl{border-color:var(--success);box-shadow:0 0 0 2px #2ee6a673}.tlv-cover{width:46px;height:46px;border-radius:9px;object-fit:cover;flex:none}.tlv-cover--ph{display:grid;place-items:center;background:var(--grad);color:#0b0b13;font-size:1.3rem}.tlv-card:after{content:"";width:46px;flex:none}.tlv-info{flex:1;min-width:0;text-align:center}.tlv-year{font-size:1.5rem;font-weight:800;line-height:1.05}.tlv-title{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tlv-artist{font-size:.75rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tlv-slot{width:100%;height:38px;margin:5px 0;border:2px dashed rgba(255,255,255,.22);background:#ffffff08;color:var(--text-dim);border-radius:12px;font-size:.9rem;font-weight:700;letter-spacing:.02em;transition:transform .1s ease,background .12s ease,color .12s ease}.tlv-slot:active{transform:scale(.99)}.tlv-slot--active{border-style:solid;border-color:var(--accent-2);background:var(--accent-2);color:#06222b;font-weight:800;box-shadow:0 6px 18px #00d2ff52}.tlv-gap{height:6px}.joker-active{border:1px solid var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;width:100%;max-width:420px;display:grid;gap:14px}.modal h3{margin:0;text-align:center}.modal-players{display:grid;gap:10px}.modal-player{display:flex;align-items:center;justify-content:space-between}.modal-jk{opacity:.85}.fab-spacer{height:84px}.fab{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));z-index:40;padding:15px 24px;border:none;border-radius:999px;font-size:1.05rem;font-weight:800;box-shadow:0 12px 30px #0000008c;cursor:pointer;animation:fabIn .18s ease both;transition:transform .1s ease}.fab:active{transform:scale(.95)}.fab--right{right:max(16px,env(safe-area-inset-right));background:var(--success);color:#04231a}.fab--left{left:max(16px,env(safe-area-inset-left))}.fab--joker{background:var(--danger);color:#0b0b13}@keyframes fabIn{0%{opacity:0;transform:translateY(14px) scale(.9)}}.reveal{display:grid;justify-items:center;gap:8px;text-align:center;padding:22px 18px;border-radius:var(--radius);background:var(--surface);animation:revealIn .35s ease both}@keyframes revealIn{0%{opacity:0;transform:translateY(10px) scale(.97)}}@keyframes coverPop{0%{opacity:0;transform:scale(.8) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}.reveal--ok{box-shadow:inset 0 0 0 4px var(--success)}.reveal--bad{box-shadow:inset 0 0 0 4px var(--danger)}.reveal-badge{font-weight:800;font-size:1.3rem}.reveal--ok .reveal-badge{color:var(--success)}.reveal--bad .reveal-badge{color:var(--danger)}.reveal-cover{width:clamp(150px,52vw,210px);height:clamp(150px,52vw,210px);border-radius:16px;object-fit:cover;box-shadow:0 16px 40px #0000008c;animation:coverPop .45s .05s ease both}.reveal-year{font-size:3rem;font-weight:900;line-height:1.05}.reveal-title{font-weight:700}.reveal-artist,.reveal-result{color:var(--text-dim)}.scoreboard{display:grid;gap:10px}.score{display:grid;grid-template-columns:1fr 2.2fr auto;gap:10px;align-items:center}.score-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.score-bar{height:12px;background:var(--bg-elev);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.score-fill{display:block;height:100%;border-radius:999px;background:var(--grad);transition:width .5s cubic-bezier(.22,1,.36,1)}.score-num{color:var(--text);font-size:.85rem;font-weight:700;min-width:38px;text-align:right}.finish{display:grid;gap:14px;justify-items:center;width:100%}.confetti{font-size:4.5rem;animation:trophyPop .6s ease both,trophyBob 2.4s .6s ease-in-out infinite;filter:drop-shadow(0 10px 24px rgba(255,207,108,.45))}@keyframes trophyPop{0%{transform:scale(0) rotate(-30deg);opacity:0}70%{transform:scale(1.25) rotate(8deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes trophyBob{50%{transform:translateY(-8px)}}.finish-label{margin:0;color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase;font-size:.8rem}.finish-winner{font-size:clamp(2rem,11vw,3.2rem);font-weight:900;padding:12px 30px;border-radius:18px;background:var(--grad);color:#0b0b13;box-shadow:0 14px 36px #6c5ce773;max-width:92%;overflow-wrap:anywhere;line-height:1.1;animation:revealIn .4s .2s ease both}.standings{list-style:none;padding:0;margin:8px 0 0;width:100%;display:grid;gap:8px}.standings li{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 16px}.standings-rank{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--bg-elev);font-size:.8rem;font-weight:800;color:var(--text-dim)}.standings-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standings-win{border-color:#ffcf6c;box-shadow:0 0 0 1px #ffcf6c,0 10px 26px #ffcf6c2e}.standings-win .standings-rank{background:#ffcf6c;color:#0b0b13}