:root{color-scheme:dark}body{color:#f2f2f5;background:#050507;flex-direction:column;min-height:100dvh;margin:0;font-family:system-ui,sans-serif;display:flex}main{flex:1;display:block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#hud{text-align:center;letter-spacing:.02em;margin:0;padding:1rem;font-size:1.1rem}#lives{color:#ff5d7a}#idle-screen,#end-screen{text-align:center;justify-content:center;align-items:center;min-height:60vh;padding:1rem;display:flex}#play-screen{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;min-height:60vh;padding:1rem;display:flex;position:relative}#quit{color:#8a8a94;cursor:pointer;background:0 0;border:1px solid #4a4a52;border-radius:999px;padding:.4rem .8rem;font-size:.85rem;position:absolute;top:1rem;right:1rem}#quit:hover,#quit:focus-visible{color:#f2f2f5;border-color:#f2f2f5}#idle-screen[hidden],#play-screen[hidden],#end-screen[hidden]{display:none}#difficulty-picker{gap:1rem;display:flex}.difficulty{color:#f2f2f5;cursor:pointer;background:0 0;border:2px solid #f2f2f5;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.2rem;padding:1rem 1.75rem;font-size:1.1rem;display:flex}.difficulty:hover,.difficulty:focus-visible{color:#050507;background:#f2f2f5}.song-count{color:#8a8a94;font-size:.75rem;font-weight:400}.difficulty:hover .song-count,.difficulty:focus-visible .song-count{color:#050507}#tier-pips{gap:.5rem;display:flex}.pip{color:#8a8a94;border:1px solid #4a4a52;border-radius:999px;padding:.3rem .6rem;font-size:.75rem}.pip-current{color:#7dd3fc;border-color:#7dd3fc}.pip-spent{color:#4a4a52;border-color:#3a3a40}#progress-bar{flex-wrap:wrap;justify-content:center;gap:.3rem;max-width:90vw;display:flex}.seg{background:#2a2a30;border-radius:999px;width:1rem;height:.5rem}.seg-hit{background:#4ade80}.seg-miss{background:#ff5d7a}.seg-current{outline-offset:1px;outline:2px solid #7dd3fc}#clip-controls{gap:1rem;display:flex}#play-clip,#skip{color:#f2f2f5;cursor:pointer;background:0 0;border:2px solid #f2f2f5;border-radius:50%;width:3rem;height:3rem;font-size:1.75rem;line-height:1}#play-clip:hover,#play-clip:focus-visible,#skip:hover,#skip:focus-visible{color:#050507;background:#f2f2f5}#guess-form{width:min(90vw,24rem);position:relative}#guess-row{gap:.5rem;display:flex}#guess{box-sizing:border-box;color:#f2f2f5;background:#16161a;border:2px solid #f2f2f5;border-radius:.5rem;flex:1;min-width:0;padding:.9rem 1rem;font-size:1.25rem}#guess:focus{outline-offset:2px;outline:2px solid #7dd3fc}#guess:disabled{opacity:.5}#submit-guess{color:#f2f2f5;cursor:pointer;background:0 0;border:2px solid #f2f2f5;border-radius:.5rem;flex-shrink:0;padding:0 1.25rem;font-size:1.1rem}#submit-guess:hover,#submit-guess:focus-visible{color:#050507;background:#f2f2f5}#suggestions{z-index:1;text-align:left;background:#16161a;border:2px solid #f2f2f5;border-radius:.5rem;max-height:12rem;margin:0;padding:.25rem 0;list-style:none;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto}#suggestions[hidden]{display:none}#suggestions li{cursor:pointer;padding:.6rem 1rem}#suggestions li.suggestion-active,#suggestions li:hover{background:#2a2a30}#reveal-panel{cursor:pointer;flex-direction:column;gap:.75rem;max-width:28rem;display:flex}#reveal-panel[hidden]{display:none}#reveal-message{margin:0;font-size:1.4rem}.reveal-hit{color:#4ade80}.reveal-miss{color:#ff5d7a}#reveal-lives{color:#ff5d7a;margin:0;font-size:1.1rem}#reveal-continue{color:#f2f2f5;cursor:pointer;background:0 0;border:2px solid #f2f2f5;border-radius:.5rem;padding:.75rem 1rem;font-size:1.1rem}#reveal-continue:hover,#reveal-continue:focus-visible{color:#050507;background:#f2f2f5}#end-screen{cursor:pointer}#end-message{max-width:28rem;font-size:1.4rem}@media (width<=480px){.difficulty{padding:.8rem 1.25rem;font-size:1rem}#play-clip,#skip{width:2.5rem;height:2.5rem;font-size:1.4rem}#quit{padding:.3rem .6rem;font-size:.75rem;top:.6rem;right:.6rem}#guess{font-size:1.1rem}#submit-guess{padding:0 .9rem;font-size:1rem}#reveal-continue{padding:.6rem .9rem;font-size:1rem}.song-count{font-size:.7rem}}