@font-face{font-family:Silkscreen;src:url(../fonts/Silkscreen-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url(../fonts/Silkscreen-Bold.ttf)format("truetype");font-weight:700;font-display:swap}html,body{background:#0b0d1a;height:100%;margin:0;padding:0;overflow:hidden}canvas{display:block}.hud-clock,.hud-dist,.hud-mode,.end,.title{color:#e8e6f0;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Silkscreen,monospace;position:fixed}.hud-clock{color:#f2c14e;text-shadow:0 0 4px #000,0 0 2px #000;font-size:min(4vh,4vw);font-weight:700;top:1vh;left:1vw}.hud-dist{white-space:pre;opacity:.9;text-shadow:0 0 4px #000,0 0 2px #000;font-size:min(2.2vh,2.2vw);line-height:1.4;top:calc(1.5vh + min(4vh,4vw));left:1vw}.end{text-align:center;background:#0b0d1abf;flex-direction:column;justify-content:center;align-items:center;display:flex;inset:0}.end-text{white-space:pre-line;margin:0 0 1em;font-size:min(4vh,4vw);line-height:1.5}.end-best{color:#f2c14e;margin:0 0 1em;font-size:min(3.5vh,3.5vw)}.end-post{pointer-events:auto;margin:0 0 .6em;font-size:min(3vh,3vw)}.end-post input{font:inherit;color:#e8e6f0;background:#ffffff14;border:1px solid #e8e6f0;border-radius:3px;outline:none;width:8em;padding:.1em .3em}.end-post input:focus{border-color:#f2c14e}.end-rank{color:#f2c14e;margin:0 0 .4em;font-size:min(3vh,3vw)}.end-board{text-align:left;opacity:.9;margin:0 0 1em;padding-left:1.5em;font-size:min(2.4vh,2.4vw);line-height:1.4}.end-board .me{color:#f2c14e;opacity:1}.end-board .gap{opacity:.6;list-style:none}.end-rank:empty,.end-board:empty,.end-best:empty{display:none}.end-hint{opacity:.8;margin:0;font-size:min(3vh,3vw)}.hud-mode{color:#f2c14e;text-shadow:0 0 4px #000,0 0 2px #000;font-size:min(2.2vh,2.2vw);top:calc(1vh + 1.2*min(4vh,4vw) + 3.2*min(2.2vh,2.2vw));left:1vw}.title-mode{opacity:.8;margin:0}.title-mode.rush{color:#f2c14e;opacity:1}.title{text-align:center;pointer-events:auto;cursor:pointer;background:#0b0d1a8c;flex-direction:column;justify-content:center;align-items:center;gap:.6em;font-size:min(3vh,3vw);display:flex;inset:0}.title-mark{filter:drop-shadow(0 0 6px #000)drop-shadow(0 0 2px #000);width:min(80vw,140vh,1023px);height:auto;margin-bottom:.5em}.title-name{color:#f2c14e;text-shadow:0 0 8px #000,0 0 3px #000;margin:0 0 .2em;font-size:min(12vh,12vw)}.title-tag{white-space:pre-line;margin:0;font-size:min(4vh,4vw);line-height:1.5}.title-best{color:#f2c14e;margin:0}.title-best:empty{display:none}.title-keys{opacity:.8;margin:0}.title-prompt{margin:1em 0 0;font-size:min(4vh,4vw);font-weight:700;animation:1.2s step-end infinite title-blink}@keyframes title-blink{50%{opacity:0}}.title-jam{opacity:.6;margin:0;font-size:min(2.5vh,2.5vw);position:absolute;bottom:1.5vh}.title-credits{color:inherit;cursor:pointer;text-decoration:underline}.credits{pointer-events:auto;cursor:pointer;background:#0b0d1aeb;justify-content:center;display:flex;position:fixed;inset:0}.credits-text{color:#e8e6f0;-webkit-user-select:text;user-select:text;cursor:auto;max-width:90vw;margin:4vh 0;padding:0 2vw;font-family:monospace;font-size:min(2vh,14px);line-height:1.4;overflow:auto}.credits-text h1,.credits-text h2{color:#e8552a;margin:1.2em 0 .4em;font-family:Silkscreen,monospace;font-size:1.2em}.credits-text p,.credits-text li{margin:.3em 0}.credits-text li{text-indent:-1.2em;padding-left:1.2em;list-style:none}.credits-text li:before{content:"- "}.credits-text li.sub{margin-left:1.5em}.credits-text a{color:#8fd3ff}.credits-text code{color:#ffd166}.audio-toggle,.audio-panel{z-index:100;color:#e8e6f0;-webkit-user-select:none;user-select:none;background:#0b0d1ad9;border:1px solid #e8e6f080;border-radius:4px;font-family:Silkscreen,monospace;position:fixed;right:1vw}.audio-toggle{cursor:pointer;opacity:.7;padding:.25em .45em;font-size:min(3vh,3vw);line-height:1;top:1vh}.audio-toggle:hover{opacity:1}.audio-toggle.muted{color:#f2c14e;text-decoration:line-through}.audio-panel{min-width:12em;padding:.6em .8em;font-size:min(2.2vh,2.2vw);top:calc(2.5vh + min(3vh,3vw))}.audio-row{align-items:center;gap:.6em;display:flex}.audio-row input[type=range]{accent-color:#f2c14e;flex:1;min-width:0}.audio-mute{font:inherit;color:#e8e6f0;cursor:pointer;background:#ffffff14;border:1px solid #e8e6f0;border-radius:3px;padding:.1em .5em}.audio-mute.muted{color:#f2c14e;border-color:#f2c14e}.audio-hint{opacity:.5;margin-top:.4em;font-size:.8em}[hidden]{display:none!important}