:root{color-scheme:dark;font-family:system-ui,sans-serif}body{margin:0;background:#14101f;color:#f3f0ff}#root{max-width:1200px;margin:0 auto;padding:24px 16px}a{color:#ffd166}input[type=search]{width:100%;padding:12px;font-size:1rem;border-radius:8px;border:1px solid #4b3f72;background:#1e1830;color:inherit;box-sizing:border-box}.song-list{list-style:none;padding:0}.song-list li a{display:block;padding:14px 16px;margin:8px 0;background:#1e1830;border-radius:8px;text-decoration:none;color:inherit}.song-list li a:hover{background:#2b2347}.duration{opacity:.6;float:right}.sing header p{margin:0;opacity:.7}.start,.controls button,.result button{padding:14px 28px;font-size:1.1rem;border:0;border-radius:8px;background:#ffd166;color:#14101f;cursor:pointer}.start{display:block;margin:48px auto;font-size:1.4rem}.countdown{font-size:8rem;text-align:center;margin:32px 0}.lyrics{min-height:220px;text-align:center;margin:48px 0}.line-active{font-size:2.2rem;font-weight:700;margin:0 0 24px}.line-active .word{opacity:.5}.line-active .word.sung{opacity:1;color:#ffd166}.line-next{font-size:1.4rem;opacity:.5;margin:0}.wait{color:#ffd166;margin-bottom:20px}.wait-time{font-size:3rem;font-weight:700;margin:0 0 8px}.wait-bar{height:8px;max-width:320px;margin:0 auto;border-radius:4px;background:#1e1830;overflow:hidden}.wait-bar-fill{height:100%;background:#ffd166}.controls{display:flex;gap:12px;justify-content:center}.result{text-align:center}.result .actions{display:flex;gap:16px;justify-content:center;align-items:center}.setup{text-align:center}.meter{height:14px;border-radius:7px;background:#1e1830;overflow:hidden;margin:12px auto;max-width:420px}.meter-bar{height:100%;width:0;background:linear-gradient(90deg,#06d6a0,#ffd166,#ef476f)}.live-score{text-align:center;font-size:1.6rem;margin:16px 0 0}.hit{font-size:1.2rem}.hit.on{color:#06d6a0}.hit.off{color:#ef476f}.hit.idle{color:#4b3f72}.score-value{font-size:6rem;margin:8px 0;color:#ffd166;font-weight:800}.score-rating{font-size:1.8rem;margin:0 0 8px}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:20px}@media (max-width: 480px){.poster-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.poster{position:relative;display:block;border-radius:8px;overflow:hidden;color:inherit;text-decoration:none;background:#1e1830;transition:transform .15s ease,box-shadow .15s ease;outline:none}.poster:hover,.poster:focus-visible{transform:scale(1.05);box-shadow:0 8px 24px #00000080;z-index:1}.poster:focus-visible{box-shadow:0 0 0 3px #ffd166,0 8px 24px #00000080}.poster-art{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover}.poster-art.generated{display:flex;align-items:flex-start;padding:14px;box-sizing:border-box}.poster-art.generated span{font-size:1.25rem;font-weight:800;line-height:1.15;overflow-wrap:anywhere;text-shadow:0 2px 8px rgb(0 0 0 / .4)}.poster-info{position:absolute;inset:auto 0 0 0;padding:32px 10px 10px;display:flex;flex-direction:column;gap:2px;font-size:.85rem;background:linear-gradient(transparent,#000000d9);opacity:0;transition:opacity .15s ease}.poster:hover .poster-info,.poster:focus-visible .poster-info{opacity:1}.poster-info .duration{float:none}@media (hover: none){.poster-info{opacity:1}}.phone{max-width:480px;margin:0 auto;text-align:center}.phone form{display:flex;flex-direction:column;gap:12px;margin-top:16px;text-align:left}.phone input{padding:14px;font-size:1.2rem;border-radius:8px;border:1px solid #4b3f72;background:#1e1830;color:inherit}.phone .code-input{font-size:2rem;letter-spacing:.4em;text-align:center;text-transform:uppercase}.phone button{padding:14px;font-size:1.1rem;border:0;border-radius:8px;background:#ffd166;color:#14101f}.phone button:disabled{opacity:.5}.phone-header{display:flex;justify-content:space-between;align-items:center}.conn{font-size:.85rem;padding:4px 10px;border-radius:12px}.conn.ok{background:#06d6a033;color:#06d6a0}.conn.bad{background:#ef476f33;color:#ef476f}.phone-song{opacity:.7}.phone-big{font-size:3rem;font-weight:800;margin:40px 0}.phone-score{font-size:3rem;font-weight:800;margin:16px 0}.phone-line{font-size:1.6rem;font-weight:700;color:#ffd166}.phone-next{opacity:.5}.phone-team{font-size:1.3rem}.mic-panel{margin:20px 0}.lobby{display:grid;gap:16px;margin:16px 0;padding:16px;background:#1e1830;border-radius:12px}.lobby-join{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.lobby-join img{background:#fff;border-radius:8px;padding:6px}.lobby-join p{margin:2px 0}.lobby-url{font-family:ui-monospace,monospace;color:#ffd166}.lobby-code{font-size:2.6rem;font-weight:800;letter-spacing:.3em;color:#ffd166}.lobby-players{list-style:none;padding:0;margin:0;display:grid;gap:6px}.lobby-modes{border:0;padding:0;margin:0;display:flex;gap:16px;flex-wrap:wrap}.lobby-modes legend{font-weight:700;margin-bottom:6px}.muted{opacity:.6}.tag{font-size:.8rem;padding:2px 8px;border-radius:10px;margin-left:6px}.tag.ok{background:#06d6a033;color:#06d6a0}.tag.warn{background:#ffd16633;color:#ffd166}.tag.bad{background:#ef476f33;color:#ef476f}.score-bars{display:grid;gap:8px;margin:16px auto 0;max-width:560px}.score-bar{display:grid;grid-template-columns:160px 1fr 40px;gap:10px;align-items:center}.score-bar-track{height:12px;border-radius:6px;background:#1e1830;overflow:hidden}.score-bar-fill{height:100%;background:#ffd166;transition:width .25s ease}.score-bar-value{font-weight:700;text-align:right}.versus-headline{font-size:2.2rem;font-weight:800;color:#ffd166}.result-players{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin:16px 0}.result-player{padding:16px 24px;border-radius:12px;background:#1e1830;min-width:180px}.result-player.winner{outline:3px solid #ffd166}.result-name{font-size:1.3rem;font-weight:700}.result-score{font-size:4rem;font-weight:800;margin:4px 0;color:#ffd166}.result-score.small{font-size:2.4rem}.score-label{margin:0;opacity:.8}@media (max-width: 480px){.score-bar{grid-template-columns:100px 1fr 32px}}.phone-notice{margin:20px 0 4px;padding:12px;border-radius:8px;background:#ffd16622;color:#ffd166}