:root{--bg: #0b0f14;--surface: #121821;--surface-2: #192131;--text: #edf3ff;--muted: #98a5ba;--primary: #1b82ff;--primary-strong: #1467ca;--spotify: #1db954;--spotify-strong: #159041;--danger: #ff6f63}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:radial-gradient(circle at top,#182335 0%,var(--bg) 58%)}button,input,select{font:inherit}button{border:1px solid transparent;border-radius:.92rem;padding:.9rem 1rem;font-size:1rem;font-weight:700;color:var(--text);cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}button:hover:enabled{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}.mobile-shell{min-height:100dvh;width:min(560px,100%);margin:0 auto;padding:.95rem;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column}.home-screen{justify-content:space-between}.logo-wrap{margin-top:10vh;display:flex;flex-direction:column;align-items:center;gap:.62rem}.logo-mark{width:88px;height:88px;border-radius:26px;display:grid;place-items:center;font-size:2.2rem;font-weight:900;color:#fff;background:linear-gradient(160deg,#1b88ff,#175fc0);box-shadow:0 14px 35px #08172b8c}.logo-title{margin:0;font-size:2rem}.mode-chip{align-self:center;background:var(--surface);border:1px solid #2d3a50;color:var(--muted);border-radius:999px;padding:.5rem .85rem;font-size:.9rem}.screen-title{margin:.45rem 0 .85rem;text-align:center}.bottom-actions{margin-top:auto;display:flex;flex-direction:column;gap:.7rem}.button-row{display:flex;gap:.6rem}.btn-primary{background:var(--primary)}.btn-primary:hover:enabled{background:var(--primary-strong)}.btn-secondary{background:var(--surface-2);border-color:#2c3a52}.btn-secondary.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.btn-spotify{background:var(--spotify);color:#05210f}.btn-spotify:hover:enabled{background:var(--spotify-strong);color:#f1fff7}.btn-danger{background:#3d2026;border-color:#7f3745;color:#ffd4d8}.btn-link{text-decoration:none;display:inline-flex;justify-content:center}.scanner-screen,.player-screen,.waiting-screen,.party-round-screen{justify-content:space-between}.big-toggle{width:148px;height:148px;border-radius:999px;align-self:center;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-strong) 100%);font-size:3.8rem;display:grid;place-items:center;margin-top:20vh;box-shadow:0 15px 35px #0a1e3a99}.compact-toggle{margin-top:.8rem;width:132px;height:132px;font-size:3.2rem}.text-input{width:100%;border:1px solid #2d3a51;border-radius:.78rem;padding:.72rem .78rem;background:var(--surface);color:var(--text)}.text-input-lg{min-height:54px;font-size:1.05rem}.card-panel{border:1px solid #293549;background:var(--surface);border-radius:.9rem;padding:.52rem;display:flex;flex-direction:column;gap:.65rem}.field{display:flex;flex-direction:column;gap:.3rem;color:var(--muted);font-size:.9rem}.field-strong span{font-size:.95rem;font-weight:700;color:#c8d5ea}.lobby-screen{gap:.8rem}.status-line{color:var(--muted);text-align:center}.players-list{list-style:none;margin:0;padding:.6rem .7rem;background:var(--surface);border:1px solid #2a374d;border-radius:.9rem;display:flex;flex-direction:column;gap:.42rem}.reveal-wheel{margin-top:22vh;align-self:center;min-width:230px;text-align:center;padding:1rem 1.25rem;border-radius:1rem;background:var(--surface);border:1px solid #2a3850;font-size:1.45rem;font-weight:800}.category-pill{align-self:center;border-radius:999px;padding:.46rem .88rem;font-size:.9rem;font-weight:700;border:1px solid #32435d;background:#1c2738}.cat-artist{background:#1e2f53;border-color:#4a74c0}.cat-band-solo{background:#223b2d;border-color:#4fa26a}.cat-title{background:#3f2a21;border-color:#c17a52}.cat-year{background:#2d2442;border-color:#8863d8}.cat-year-5{background:#3a311d;border-color:#d1a343}.cat-year-3{background:#462326;border-color:#d86e77}.answers-list{display:flex;flex-direction:column;gap:.48rem}.answer-item{display:flex;align-items:center;gap:.55rem;background:var(--surface);border:1px solid #2a3850;border-radius:.72rem;padding:.58rem .62rem}.result-answer-item{position:relative;align-items:flex-start;flex-direction:column;cursor:pointer}.answer-name{margin:0;color:var(--muted);font-size:.88rem}.answer-input{cursor:pointer;padding-right:2rem}.result-answer-item.correct .answer-input{border-color:#2bbf63;background:#163624;color:#b9ffd2}.answer-check{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#6ff3a0;font-size:1.55rem;font-weight:900}.settings-wrap{position:fixed;top:.85rem;right:.85rem;z-index:20}.icon-button{width:42px;height:42px;border-radius:999px;padding:0;background:var(--surface);border-color:#2a3950;font-size:1.05rem;display:grid;place-items:center}.icon-button svg{width:1.2rem;height:1.2rem}.settings-panel{position:absolute;top:calc(100% + .55rem);right:0;width:min(360px,calc(100vw - 1.8rem));background:var(--surface);border:1px solid #2a3850;border-radius:.92rem;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.settings-panel h3,.settings-panel h4{margin:0}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.qr-block{display:flex;flex-direction:column;gap:.6rem}.qr-preview{width:190px;height:190px;border-radius:.7rem;border:1px solid #2b3951}.scanner-card{border-radius:1rem;background:var(--surface);border:1px solid #273243;box-shadow:0 14px 30px #03091173;padding:.65rem}.scanner-surface{width:100%;min-height:360px;border-radius:.72rem;overflow:hidden;background:#0e1a2a}.scanner-hint{margin:.55rem 0 .2rem;color:var(--muted);font-size:.84rem;text-align:center}@media (min-width: 768px){.mobile-shell{padding:1.15rem}.scanner-surface{min-height:420px}}