:root{--void:#08080a;--red:#ff2d16;--cyan:#46e3ff;--yellow:#ffd400;--bone:#f2efe8;--grey:#8e8e97;--grey-dim:#5b5b64}*,:before,:after{box-sizing:border-box}html{background:var(--void);-webkit-text-size-adjust:100%;height:100dvh;overflow:hidden}body{background:var(--void);height:100dvh;color:var(--bone);font-family:var(--font-mono), ui-monospace, monospace;overscroll-behavior:none;flex-direction:column;margin:0;display:flex;overflow:hidden}.screenwall{z-index:0;pointer-events:none;width:100%;height:100dvh;position:fixed;inset:0}main{z-index:1;flex:1;place-items:safe center;min-height:0;padding:clamp(1rem,4vw,3rem);display:grid;position:relative;overflow-y:auto}main:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(64% 56% at 50% 44%,#08080afb 0%,#08080af5 42%,#08080a9e 74%,#0000 100%),radial-gradient(130% 110%,#0000 34%,#08080acc 100%);position:fixed;inset:0}.stage{text-align:center;justify-items:center;gap:clamp(.7rem,2.2vh,1.6rem);width:min(100%,780px);animation:.42s cubic-bezier(.22,1,.36,1) both rise;display:grid;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:760px){main:before{background:radial-gradient(96% 27% at 50% 44%,#08080afb 0%,#08080af2 44%,#08080a80 78%,#0000 100%),radial-gradient(150% 120%,#0000 42%,#08080ab3 100%)}}.wordmark{font-family:var(--font-sign), Impact, sans-serif;text-transform:uppercase;letter-spacing:-.005em;justify-items:center;margin:0;font-weight:400;line-height:.82;display:grid}.wordmark span{display:block;position:relative}.w1{color:var(--bone);text-shadow:0 0 44px #08080af2,0 0 90px #08080acc;font-size:min(clamp(2.6rem,.6rem + 15.5vw,11rem),15vh)}.w2{color:var(--red);letter-spacing:.155em;text-shadow:0 0 40px #08080af2,0 0 80px #08080abf;padding-left:.155em;font-size:min(clamp(1.8rem,.35rem + 10.7vw,7.6rem),10.4vh)}.w1:before,.w1:after,.w2:before,.w2:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}.w1:before,.w2:before{color:var(--red);mix-blend-mode:screen;animation:3.4s steps(2,end) infinite split-a}.w1:after,.w2:after{color:var(--cyan);mix-blend-mode:screen;animation:3.4s steps(2,end) infinite split-b}@keyframes split-a{0%,92%,to{opacity:.55;transform:translate(-2px)}94%{opacity:.9;transform:translate(-7px,1px)}96%{opacity:.8;transform:translate(3px,-1px)}}@keyframes split-b{0%,92%,to{opacity:.5;transform:translate(2px)}94%{opacity:.85;transform:translate(8px,-1px)}96%{opacity:.75;transform:translate(-3px,1px)}}.tag{letter-spacing:.24em;text-transform:uppercase;color:var(--grey);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:0;font-size:clamp(.58rem,.5rem + .28vw,.74rem);display:flex}.tag i{background:var(--grey-dim);width:4px;height:4px}.tag .hot{color:var(--yellow);text-shadow:0 0 16px #ffd40099}.tag .jp{font-family:var(--font-jp), sans-serif;letter-spacing:.16em;color:var(--grey-dim)}.sound{z-index:3;appearance:none;color:var(--grey-dim);cursor:pointer;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;background:#08080acc;border:1px solid #2b2b33;align-items:center;gap:.55rem;padding:.5rem .8rem;font-size:.56rem;transition:color .16s,border-color .16s;display:inline-flex;position:fixed;top:clamp(.75rem,2.4vw,1.6rem);right:clamp(.75rem,2.4vw,1.6rem)}.sound:hover{color:var(--bone);border-color:#45454f}.sound:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.sound span{letter-spacing:.05em}.sound span.on{color:var(--yellow);text-shadow:0 0 12px #ffd40099}.sound-label{font-style:normal}@media (max-width:620px){.sound-label{display:none}.sound{padding:.5rem .6rem;top:3.6rem}.hud{gap:clamp(.6rem,3.5vw,1.4rem)}}@keyframes blink{0%,78%{opacity:1}80%,86%{opacity:.18}88%,to{opacity:1}}.entry{gap:.7rem;width:min(100%,460px);margin-top:clamp(.6rem,2vw,1.4rem);display:grid}.entry-row{gap:.5rem;display:flex}input{min-width:0;color:var(--bone);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.04em;background:#08080af0;border:1px solid #45454f;border-radius:0;flex:1;padding:.9rem 1rem;font-size:.82rem}input::placeholder{color:var(--grey);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}input:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan), 0 0 26px #46e3ff52;outline:none}.btn-start{appearance:none;background:var(--red);color:#fff;cursor:pointer;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;border:0;padding:.9rem 1.5rem;font-size:.7rem;transition:background .16s,translate 90ms,box-shadow .16s;box-shadow:0 0 26px #ff2d166b}.btn-start:hover{background:#ff4b34;box-shadow:0 0 38px #ff2d16a8}.btn-start:active{translate:0 2px}.btn-start:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.btn-start[disabled]{opacity:.55;cursor:wait}.msg{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.7rem}.msg[data-tone=ok]{color:var(--yellow);text-shadow:0 0 16px #ffd40080}.msg[data-tone=err]{color:var(--red)}footer{z-index:1;text-align:center;flex:none;padding:0 clamp(1rem,4vw,3rem) clamp(.8rem,2vh,1.6rem);position:relative}.fine{letter-spacing:.1em;text-transform:uppercase;color:var(--grey-dim);margin:0;font-size:.54rem;line-height:2.1}.fine a{color:var(--grey);text-decoration:none}.fine a:hover{color:var(--cyan)}@media (prefers-reduced-motion:reduce){.soon,.stage,.w1:before,.w1:after,.w2:before,.w2:after{animation:none!important}.w1:before,.w2:before{transform:translate(-2px)}.w1:after,.w2:after{transform:translate(2px)}*{transition-duration:1ms!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip:focus{z-index:100;clip:auto;background:var(--red);color:#fff;width:auto;height:auto;margin:0;padding:.7rem 1.1rem;font-size:.68rem;position:fixed;top:.75rem;left:.75rem}@media (max-height:520px){.tag{display:none}.stage{gap:.5rem}.fine{font-size:.5rem;line-height:1.7}.entry{margin-top:.3rem}}.playfield{z-index:2;touch-action:none;cursor:pointer;width:100%;height:100dvh;position:fixed;inset:0}.hud{z-index:3;letter-spacing:.2em;text-transform:uppercase;color:var(--grey);pointer-events:none;background:linear-gradient(#08080aeb,#0000);justify-content:center;align-items:center;gap:clamp(1rem,5vw,2.6rem);padding:.8rem clamp(1rem,4vw,2rem);font-size:clamp(.6rem,.5rem + .3vw,.74rem);display:flex;position:fixed;top:0;left:0;right:0}.hud b{font-family:var(--font-sign), Impact, sans-serif;letter-spacing:.04em;color:var(--bone);font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,.8rem + 1.4vw,1.9rem)}.hud-acc{color:var(--cyan);font-variant-numeric:tabular-nums}.hud-acc i{color:var(--grey-dim);font-style:normal}.hud-life{align-items:center;gap:4px;display:inline-flex}.hud-life i{background:#2b2b33;width:7px;height:12px;transition:background .16s}.hud-life i.on{background:var(--yellow);box-shadow:0 0 8px #ffd40080}.hud-life[data-low] i.on{background:var(--red);box-shadow:0 0 10px #ff2d16b3}.hud-quit{pointer-events:auto;appearance:none;color:var(--grey-dim);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#08080acc;border:1px solid #2b2b33;padding:.35rem .7rem;font-family:inherit;font-size:.58rem}.hud-quit:hover{color:var(--bone);border-color:#45454f}.keyhint{z-index:3;pointer-events:none;letter-spacing:.18em;text-transform:uppercase;color:var(--grey-dim);justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:.58rem;display:flex;position:fixed;bottom:clamp(.7rem,2.4vh,1.5rem);left:0;right:0}.keyhint span{width:1.7rem;height:1.7rem;color:var(--grey);border:1px solid #2b2b33;place-items:center;display:inline-grid}.keyhint i{margin-left:.5rem;font-style:normal}@media (max-width:620px){.keyhint span{display:none}.keyhint i{margin:0}}.play,.board-toggle,.sound,.hud-quit,.board-tabs button{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.play{appearance:none;background:var(--red);color:#fff;cursor:pointer;font-family:var(--font-sign), Impact, sans-serif;text-transform:uppercase;letter-spacing:.14em;border:0;margin:clamp(.2rem,1vh,.6rem) 0 0;padding:.85rem 2.4rem;font-size:min(clamp(1.1rem,.8rem + 1.6vw,2rem),4vh);transition:background .16s,box-shadow .16s,translate 90ms;box-shadow:0 0 34px #ff2d1673}.play:hover{background:#ff4b34;box-shadow:0 0 50px #ff2d16b3}.play:active{translate:0 2px}.play:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.deskhint{letter-spacing:.2em;text-transform:uppercase;color:var(--grey-dim);margin:0;font-size:.58rem}.deskhint b{color:var(--grey);letter-spacing:.14em;border:1px solid #2b2b33;padding:.1rem .3rem;font-weight:500}@media (max-width:620px),(pointer:coarse){.deskhint{display:none}}.trackline,.scoreline,.nexttrack{letter-spacing:.2em;text-transform:uppercase;color:var(--grey-dim);margin:0;font-size:.6rem}.trackline b{color:var(--yellow);letter-spacing:.14em;font-weight:500}.scoreline{flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;display:flex}.scoreline b{color:var(--bone);font-variant-numeric:tabular-nums;font-weight:500}.scoreline .streak{color:var(--red)}.nexttrack{color:var(--grey-dim);opacity:.7}.result{justify-items:center;gap:clamp(.5rem,1.6vh,1rem);display:grid}.newbest{letter-spacing:.28em;text-transform:uppercase;color:var(--yellow);text-shadow:0 0 18px #ffd40099;margin:0;font-size:.62rem;animation:1.1s step-end infinite blink}.gameover{letter-spacing:.28em;text-transform:uppercase;color:var(--red);text-shadow:0 0 18px #ff2d1699;margin:0;font-size:.62rem}.result-sub .rank{color:var(--yellow);font-weight:500}.claim{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;width:min(100%,340px);display:grid}.claim input{text-align:center;text-transform:uppercase;letter-spacing:.3em;font-size:.95rem}.claim .msg{grid-column:1/-1}.board-toggle{appearance:none;color:var(--grey);cursor:pointer;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;background:#08080acc;border:1px solid #2b2b33;padding:.55rem 1.1rem;font-size:.62rem;transition:color .16s,border-color .16s}.board-toggle:hover{color:var(--bone);border-color:#45454f}.board-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.board{background:#08080ae0;border:1px solid #2b2b33;gap:.6rem;width:min(100%,420px);padding:.9rem 1rem 1rem;display:grid}.board-tabs{justify-content:center;gap:.4rem;display:flex}.board-tabs button{appearance:none;color:var(--grey-dim);cursor:pointer;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;background:0 0;border:1px solid #0000;padding:.35rem .8rem;font-size:.58rem}.board-tabs button.on{color:var(--yellow);border-color:#2b2b33}.board-tabs button:hover{color:var(--bone)}.board-rows{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.board-rows li{letter-spacing:.08em;color:var(--grey);grid-template-columns:2ch minmax(0,1fr) auto;align-items:baseline;gap:.8rem;padding:.14rem .2rem;font-size:.72rem;display:grid}.board-rows li.me{color:var(--bone);background:#ffd40014;outline:1px solid #ffd40059}.board-rows li:first-child .board-name{color:var(--yellow);text-shadow:0 0 12px #ffd40080}.board-rows li:nth-child(2) .board-name{color:var(--cyan)}.board-rows li:nth-child(3) .board-name{color:var(--bone)}.board-rank{text-align:right;color:var(--grey-dim);font-variant-numeric:tabular-nums}.board-name{text-align:left;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-score{color:var(--bone);font-variant-numeric:tabular-nums;font-weight:500}.board-note{letter-spacing:.18em;text-transform:uppercase;color:var(--grey-dim);text-align:center;margin:0;font-size:.58rem}.board-me b{color:var(--yellow)}.result-score{font-family:var(--font-sign), Impact, sans-serif;letter-spacing:.01em;color:var(--bone);font-variant-numeric:tabular-nums;margin:0;font-size:min(clamp(2.6rem,1.5rem + 6vw,5.5rem),11vh);line-height:.9}.result-sub{letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin:0;font-size:.72rem}.breakdown{gap:clamp(.9rem,4vw,2rem);margin:0;padding:0;list-style:none;display:flex}.breakdown li{letter-spacing:.16em;text-transform:uppercase;color:var(--grey-dim);justify-items:center;gap:.2rem;font-size:.54rem;display:grid}.breakdown b{font-family:var(--font-sign), Impact, sans-serif;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:400}@media (max-height:560px){.breakdown{gap:.8rem}.breakdown b{font-size:1rem}.trackline,.nexttrack{display:none}}.select{justify-items:center;gap:clamp(.8rem,2.4vh,1.4rem);width:100%;display:grid}.select-head{letter-spacing:.28em;text-transform:uppercase;color:var(--yellow);margin:0;font-size:.62rem}.cabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.5rem,1.6vw,.9rem);width:min(100%,620px);margin:0;padding:0;list-style:none;display:grid}@media (min-width:780px){.cabs{grid-template-columns:repeat(4,minmax(0,1fr))}}.cab{appearance:none;clip-path:polygon(0 7%,12% 0,100% 0,100% 100%,0 100%);width:100%;color:var(--bone);cursor:pointer;text-align:center;background:linear-gradient(#1c1c22f0,#08080af0);border:1px solid #2b2b33;justify-items:center;gap:.34rem;padding:.75rem .6rem .85rem;transition:border-color .16s,transform .14s,box-shadow .16s;display:grid}.cab:hover:not([disabled]),.cab:focus-visible:not([disabled]){border-color:var(--cab);box-shadow:0 0 30px color-mix(in srgb, var(--cab) 40%, transparent);outline:none;transform:translateY(-3px)}.cab[disabled]{opacity:.42;cursor:not-allowed}.cab-screen{aspect-ratio:4/3;background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--cab) 22%, transparent), #050507 70%);border:1px solid color-mix(in srgb, var(--cab) 26%, transparent);justify-content:center;align-items:flex-end;gap:4px;width:100%;margin-bottom:.2rem;padding:.4rem;display:flex}.cab-screen i{background:var(--cab);box-shadow:0 0 10px var(--cab);flex:1;animation:1.1s ease-in-out infinite cabbars}.cab-screen i:first-child{height:40%;animation-delay:0s}.cab-screen i:nth-child(2){height:70%;animation-delay:.14s}.cab-screen i:nth-child(3){height:55%;animation-delay:.28s}.cab-screen i:nth-child(4){height:85%;animation-delay:.42s}@keyframes cabbars{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.cab-screen i{transform-origin:bottom}.cab[disabled] .cab-screen i{animation:none;transform:scaleY(.3)}.cab-name{font-family:var(--font-sign), Impact, sans-serif;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(.78rem,.6rem + .7vw,1.05rem);line-height:1.05}.cab-jp{letter-spacing:.12em;color:var(--grey-dim);font-size:.52rem}.cab-blurb{letter-spacing:.04em;color:var(--grey);max-width:22ch;font-size:.54rem;line-height:1.5}.cab-keys{letter-spacing:.2em;text-transform:uppercase;color:var(--cab);font-size:.5rem}.again-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;display:flex}@media (max-height:620px){.cab-screen{aspect-ratio:5/2}.cab-blurb{display:none}}