@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-ext-400-normal-DpfYvR5A.woff2)format("woff2"),url(/assets/press-start-2p-latin-ext-400-normal-DBgyq7ky.woff)format("woff")}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2)format("woff2"),url(/assets/vt323-latin-400-normal-Dqn9ZSPj.woff)format("woff")}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-ext-400-normal-iUdYUaX4.woff2)format("woff2"),url(/assets/vt323-latin-ext-400-normal-DqOq58ri.woff)format("woff")}:root{--bg:#0a0a0c;--fg:#e8e8d8;--panel:#23232b;--light:#6a6a78;--dark:#08080b;--font-display:"Press Start 2P", "Courier New", monospace;--font-body:"VT323", "Courier New", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-body);overscroll-behavior:none;margin:0;padding:0;overflow:hidden}body,#ui{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-smooth:never;text-rendering:optimizespeed}#scene{touch-action:none;width:100%;height:100%;image-rendering:pixelated;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui button{pointer-events:auto;font-family:var(--font-display)}.bevel{border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);background:var(--panel)}.bevel-in{border:2px solid;border-color:var(--dark) var(--light) var(--light) var(--dark);background:var(--panel)}.crosshair{opacity:.9;filter:drop-shadow(2px 2px #000000d9);background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:50% 0,50% 100%,0,100%;background-repeat:no-repeat;background-size:4px 8px,4px 8px,8px 4px,8px 4px;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%}.overlay{pointer-events:auto;padding:calc(env(safe-area-inset-top,0px) + 20px) 20px calc(env(safe-area-inset-bottom,0px) + 20px);background:#08080be6;place-items:center;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none!important}.overlay-body{text-align:center;border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);background:#14141af2;max-width:34rem;padding:1.6rem 1.4rem 1.8rem}.overlay-body h1,.overlay-body h2{font-family:var(--font-display);text-shadow:3px 3px #000;margin:0 0 .8rem;line-height:1.5}.overlay-body h1{color:#fff;font-size:clamp(1rem,4.2vw,1.7rem)}.overlay-body h2{font-size:clamp(.85rem,3.4vw,1.3rem)}.overlay-body p{color:#e8e8d8cc;margin:.4rem 0;font-size:1.25rem;line-height:1.3}.overlay-body .tagline{color:#e8e8d88c;margin-bottom:1.3rem}.overlay-body strong{color:#ffe98a;font-weight:400}.start-btn{color:#0a0a0c;cursor:pointer;background:#c8c8bc;border:3px solid #4a4a44;border-color:#fff #4a4a44 #4a4a44 #fff;border-radius:0;margin-top:1.5rem;padding:.9rem 1.6rem;font-size:.78rem;line-height:1.4}.start-btn:hover{background:#dcdcd0}.start-btn:active{background:#b4b4a8;border-color:#4a4a44 #fff #fff #4a4a44}.mute{top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);letter-spacing:.04em;background:var(--panel);color:#fff;border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);cursor:pointer;border-radius:0;min-width:42px;height:34px;padding:0 10px;font-size:.5rem;line-height:1;position:absolute}.mute:active{border-color:var(--dark) var(--light) var(--light) var(--dark)}.sheet{pointer-events:auto;border-top:3px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);padding:10px 18px calc(env(safe-area-inset-bottom,0px) + 18px);touch-action:none;background:#16161c;border-radius:0;transition:transform .18s ease-out;position:absolute;bottom:0;left:0;right:0}.sheet[hidden]{display:none!important}.sheet--dragging{transition:none}.sheet-grab{cursor:grab;background:#e8e8d866;width:52px;height:6px;margin:2px auto 14px}.sheet--dragging .sheet-grab{cursor:grabbing;background:#e8e8d8a6}.sheet-close{border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);background:var(--panel);color:#fff;width:34px;height:34px;font-family:var(--font-display);cursor:pointer;border-radius:0;font-size:.6rem;position:absolute;top:10px;right:12px}.sheet-close:active{border-color:var(--dark) var(--light) var(--light) var(--dark)}.sheet-title{font-family:var(--font-display);color:#fff;text-shadow:2px 2px #000;margin:0;padding-right:2.6rem;font-size:.82rem;line-height:1.6}.sheet-artist{color:#e8e8d8d9;margin:.5rem 0 0;font-size:1.3rem;line-height:1.1}.sheet-meta{color:#e8e8d880;margin:.15rem 0 0;font-size:1.15rem;line-height:1.1}.sheet-buttons{gap:8px;margin-top:16px;display:flex}.sheet-btn{color:#fff;min-height:56px;font-family:var(--font-display);cursor:pointer;text-shadow:2px 2px #0009;border:3px solid;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.54rem;line-height:1.4;display:flex}.sheet-btn span{font-family:var(--font-body);opacity:.9;text-shadow:none;font-size:1rem}.sheet-btn--spotify{background:#1db954;border-color:#57e08c #0b5f2a #0b5f2a #57e08c}.sheet-btn--apple{background:#fa243c;border-color:#ff7a89 #8a0a18 #8a0a18 #ff7a89}.sheet-btn--youtube{background:#e02030;border-color:#ff6f7c #7a0a14 #7a0a14 #ff6f7c}.sheet-btn:active{filter:brightness(.85)}.help-btn{top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px + 86px);background:var(--panel);color:#fff;border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);cursor:pointer;border-radius:0;width:34px;height:34px;padding:0;font-size:.7rem;line-height:1;position:absolute}.help-btn:active,.help-btn[aria-expanded=true]{border-color:var(--dark) var(--light) var(--light) var(--dark)}.help{padding-top:calc(env(safe-area-inset-top,0px) + 16px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);align-items:start;overflow-y:auto}.help-body{text-align:left;width:100%;max-width:34rem;padding:1.4rem 1.3rem 1.6rem;position:relative}.help-body h2{text-align:left;margin:0 0 1.2rem;padding-right:5rem;font-size:clamp(.85rem,3.4vw,1.2rem)}.help-rule{border:0;border-top:2px solid var(--dark);border-bottom:2px solid var(--light);height:0;margin:1.3rem 0}.help-body p{text-align:left}.help-close{color:#0a0a0c;cursor:pointer;background:#c8c8bc;border:2px solid #4a4a44;border-color:#fff #4a4a44 #4a4a44 #fff;border-radius:0;padding:.4rem .5rem;font-size:.5rem;line-height:1;position:absolute;top:1.2rem;right:1.2rem}.help-close:active{border-color:#4a4a44 #fff #fff #4a4a44}.help-rows{text-align:left;grid-template-columns:minmax(8rem,max-content) 1fr;gap:.3rem 1.2rem;margin:0;font-size:1.15rem;line-height:1.25;display:grid}.help-rows dt{color:#e8e8d88c}.help-rows dd{color:var(--fg);margin:0}.help-rows a{color:#ffe98a}.help-rows em{color:#e8e8d8c7;font-style:normal}.help-rank{font-family:var(--font-display);color:#fff;text-shadow:2px 2px #000;margin:0 0 .7rem;font-size:.8rem;line-height:1.4}.help-meter{font-family:var(--font-body);letter-spacing:-.05em;white-space:nowrap;border:2px solid;border-color:var(--dark) var(--light) var(--light) var(--dark);background:#0c0c10;padding:3px 4px;font-size:1.15rem;line-height:1;overflow:hidden}.help-meter-fill{color:#57e08c}.help-meter-rest{color:#e8e8d824}.help-pct{color:#e8e8d88c;margin:.35rem 0 .9rem;font-size:1.05rem}.help-reset{color:#e8e8d8;background:var(--panel);border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);cursor:pointer;border-radius:0;margin-top:1.1rem;padding:.6rem .8rem;font-size:.5rem;line-height:1.4}.help-reset:active{border-color:var(--dark) var(--light) var(--light) var(--dark)}.help-reset--armed{color:#fff;background:#7a1420}.help-fineprint{color:#e8e8d86b;margin:1.2rem 0 0;font-size:1rem;line-height:1.3}.help-rows--stats{grid-template-columns:1fr auto}.help-rows--stats dd{text-align:right;font-variant-numeric:tabular-nums}@media (max-width:34rem){.help-rows--prose{grid-template-columns:1fr;gap:0}.help-rows--prose dt{margin-top:.7rem}.help-rows--prose dt:first-child{margin-top:0}}@media (prefers-reduced-motion:reduce){.sheet{transition:none}}.loading{margin:1.6rem 0 .2rem}.loading-bar{max-width:100%;font-family:var(--font-body);letter-spacing:-.05em;white-space:nowrap;text-align:left;border:2px solid;border-color:var(--dark) var(--light) var(--light) var(--dark);background:#0c0c10;padding:4px 5px;font-size:1.15rem;line-height:1;display:inline-block;overflow:hidden}.loading-fill{color:#57e08c}.loading-rest{color:#e8e8d824}.loading-phrase{color:#e8e8d899;min-height:1.4em;margin:.6rem 0 0;font-size:1.15rem;line-height:1.2}.help-modes{align-items:stretch;gap:8px;display:flex}.help-mode{text-align:center;background:var(--panel);color:#fff;min-width:0;font-family:var(--font-display);border:2px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);cursor:pointer;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;padding:.7rem .5rem;font-size:.5rem;line-height:1.7;display:flex}.help-mode:active{border-color:var(--dark) var(--light) var(--light) var(--dark)}.help-mode--on{border-color:var(--dark) var(--light) var(--light) var(--dark);color:#ffe98a;background:#2f2f1c}.complete{padding-top:calc(env(safe-area-inset-top,0px) + 20px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px);align-items:start;overflow-y:auto}.complete-body{width:100%;max-width:30rem}.complete-rank{font-family:var(--font-display);color:#ffe98a;text-shadow:3px 3px #000;margin:.2rem 0 .6rem;font-size:clamp(.9rem,4vw,1.4rem);line-height:1.4}.complete-heading{font-family:var(--font-display);color:#e8e8d88c;text-align:left;text-shadow:none;margin:1.4rem 0 .6rem;line-height:1.5;font-size:.6rem!important}.complete-rows{text-align:left}.complete-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:1.6rem;display:flex}.complete-actions .start-btn{margin-top:0;text-decoration:none;display:inline-block}.complete-actions .help-reset{margin-top:0}.complete-note{color:#e8e8d899;margin:1rem 0 0;font-size:1.05rem}.complete-note--quiet{color:#e8e8d861;line-height:1.25}.complete-link{width:100%;font-family:var(--font-body);color:var(--fg);border:2px solid;border-color:var(--dark) var(--light) var(--light) var(--dark);background:#0c0c10;border-radius:0;margin-top:.5rem;padding:.5rem;font-size:1rem}