*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0e17;--surface:#1a1a2e;--accent:#e94560;--accent2:#f5a623;--text:#fffffe;--muted:#a7a9be;--radius:10px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,sans-serif}.page{flex-direction:column;align-items:center;min-height:100vh;padding:2rem;display:flex}.landing h1{margin-bottom:.5rem;font-size:3rem}.landing .tagline{color:var(--muted);margin-bottom:2rem}.button-group{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius);cursor:pointer;border:none;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;transition:opacity .15s}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--surface);color:var(--text);border:2px solid var(--muted)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:not(:disabled):hover,.btn-secondary:not(:disabled):hover{opacity:.85}.join-form,.song-form{flex-direction:column;gap:1rem;width:100%;max-width:420px;display:flex}input[type=text],input[type=url],input{border-radius:var(--radius);border:2px solid var(--muted);background:var(--surface);color:var(--text);width:100%;padding:.75rem 1rem;font-size:1rem}input:focus{border-color:var(--accent);outline:none}.song-input-row{flex-direction:column;gap:.25rem;display:flex}.song-input-row label{color:var(--muted);font-size:.85rem}.song-search-row{grid-template-columns:1fr auto;gap:.5rem;margin-top:.5rem;display:grid}.song-search-row .btn-secondary{padding:.65rem 1rem;font-size:.95rem}.song-search-results{flex-direction:column;gap:.5rem;margin-top:.6rem;list-style:none;display:flex}.song-search-results li{border-radius:var(--radius);background:#ffffff08;border:1px solid #333;grid-template-columns:72px 1fr auto;align-items:center;gap:.6rem;padding:.45rem;display:grid}.song-search-results img{object-fit:cover;border-radius:6px;width:72px;height:40px}.search-result-copy{flex-direction:column;gap:.2rem;min-width:0;display:flex}.search-result-copy strong,.search-result-copy span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-result-copy span{color:var(--muted);font-size:.85rem}.song-search-results .btn-primary{padding:.45rem .75rem;font-size:.85rem}.error-banner{color:#fca5a5;border-radius:var(--radius);background:#7f1d1d;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.error-banner button{color:inherit;cursor:pointer;background:0 0;border:none;font-size:1.1rem}.room-code-banner{letter-spacing:.15em;background:var(--surface);border-radius:var(--radius);margin-bottom:1.5rem;padding:.5rem 2rem;font-size:1.5rem}.room-code-banner strong{color:var(--accent2)}.lobby-layout{align-items:flex-start;gap:2rem;width:100%;max-width:900px;display:flex}.player-list{background:var(--surface);border-radius:var(--radius);min-width:180px;padding:1rem}.player-list h3{margin-bottom:.75rem}.player-list ul{list-style:none}.player-list li{border-bottom:1px solid #333;padding:.4rem 0}.player-list li.me{color:var(--accent2);font-weight:700}.lobby-main{flex:1}.hint{color:var(--muted);margin-top:.5rem;font-size:.9rem}.waiting{color:var(--muted);font-size:1.1rem}.submitted-waiting p{color:var(--accent2);font-size:1.2rem}.submitted-waiting ul{margin-top:1rem;list-style:none}.submitted-waiting li{color:var(--muted);padding:.3rem 0}.game-layout{gap:2rem;width:100%;max-width:1100px;display:flex}.game-main{flex:1}.round-header{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.1rem;display:flex}.timer{color:var(--accent2);font-size:1.4rem;font-weight:700}.timer.urgent{color:var(--accent);animation:.5s infinite alternate pulse}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.yt-wrapper{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:100%;max-width:720px;margin-bottom:1.5rem;position:relative;overflow:hidden}.yt-wrapper iframe,#yt-player{width:100%!important;height:100%!important}.video-cover{z-index:2;text-align:center;color:var(--text);background:linear-gradient(135deg,#0f0e17f2,#1a1a2ef2);justify-content:center;align-items:center;padding:1rem;font-size:1.05rem;font-weight:600;display:flex;position:absolute;inset:33% 0 0}.video-top-mask{z-index:3;pointer-events:none;background:#000;position:absolute;inset:0 0 67%}.playback-hint{color:var(--accent2);margin-top:-.75rem;margin-bottom:1rem;font-size:.95rem}.answer-form{flex-direction:column;gap:.75rem;max-width:520px;display:flex}.host-review{max-width:760px}.host-review-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.host-answer-list{flex-direction:column;gap:.6rem;list-style:none;display:flex}.host-answer-list li{background:var(--surface);border-radius:var(--radius);border:1px solid #333;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.75rem;padding:.65rem .75rem;display:grid}.host-answer-list li.correct{border-color:#16a34a}.host-answer-list .rank{color:var(--accent2);font-weight:700}.host-answer-list .answer-player{font-weight:600}.host-answer-list .answer-time{color:var(--accent2);font-size:.85rem;font-weight:600}.host-answer-list .answer-text{color:var(--muted)}.answer-actions{gap:.35rem;display:flex}.answer-actions .btn-primary{padding:.45rem .65rem;font-size:.85rem}.guess-area{margin-top:1rem}.player-buttons{flex-wrap:wrap;gap:.75rem;margin:1rem 0;display:flex}.btn-player{border:2px solid var(--muted);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:.6rem 1.4rem;font-size:1rem;transition:all .15s}.btn-player.selected{border-color:var(--accent);background:var(--accent);color:#fff}.btn-player:hover:not(.selected){border-color:var(--text)}.no-guess,.waiting-guess{color:var(--muted);font-size:1.1rem}.guess-notice{color:var(--accent2);margin-top:.75rem;font-size:.9rem}.round-reveal{text-align:center;padding:2rem}.round-reveal h2{margin-bottom:1rem;font-size:2rem}.next-notice{color:var(--muted);margin-top:1rem}.scoreboard{background:var(--surface);border-radius:var(--radius);min-width:200px;padding:1rem}.scoreboard h3{margin-bottom:.75rem}.scoreboard ol{list-style:none}.scoreboard li{border-bottom:1px solid #333;justify-content:space-between;padding:.4rem 0;display:flex}.scoreboard li.me{color:var(--accent2);font-weight:700}.scoreboard-page{gap:1.5rem}.scoreboard-page h1{font-size:2.5rem}.winner-banner{background:var(--surface);border-radius:var(--radius);align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.5rem;display:flex}.final-scores{width:100%;max-width:500px;list-style:none}.final-scores li{border-radius:var(--radius);background:var(--surface);align-items:center;gap:1rem;margin-bottom:.5rem;padding:.75rem 1rem;font-size:1.1rem;display:flex}.final-scores li.rank-1{background:#78350f}.rank{min-width:2rem;font-weight:700}.player-name{flex:1}.player-score{color:var(--accent2);font-weight:700}