:root{--bg: #0b0b13;--bg-elev: #15151f;--surface: #1d1d2b;--text: #f3f3fa;--text-dim: #a6a6c0;--accent: #6c5ce7;--accent-2: #00d2ff;--danger: #ff5c7c;--success: #2ee6a6;--radius: 16px;--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%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1a1a2e,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-disc{width:min(58vw,260px);height:auto;animation:spin 16s linear infinite;filter:drop-shadow(0 18px 40px rgba(0,0,0,.5))}.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}.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}@keyframes spin{to{transform:rotate(360deg)}}.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}