:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#120c20;--ink:#0c0816;--surface:#1a1330;--surface-2:#241a3f;--line:#2b2146;--line-2:#3f3264;--text:#ece6f8;--muted:#a99dc6;--faint:#877ba6;--lilac:#c6b3f7;--amethyst:#8e6de0;--amber:#e9c47e;--rose:#f2a8bf;--phosphor:#9dffc8;--outer:#b98cff;--inner:#7ff5d0;--word:"Bebas Neue", Impact, "Arial Narrow", sans-serif;--pixel:"VT323", ui-monospace, monospace;--neon:"Tilt Neon", ui-rounded, system-ui, sans-serif;--sans:"Spline Sans", ui-sans-serif, system-ui, sans-serif;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}body{font:400 16px/1.45 var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}input,select{font:inherit}.stage-gl,.stage-flat{width:100%;height:100%;display:block;position:fixed;inset:0}.stage-flat{background:radial-gradient(120% 70% at 50% 110%, #8e6de059, transparent 60%), radial-gradient(60% 40% at 20% 0%, #e9c47e14, transparent 70%), var(--bg)}.screen{position:fixed;inset:0;overflow:hidden}.select,.res,.settings .panel,.calib .panel,.title>div{position:relative}.scrim{pointer-events:none;background:linear-gradient(90deg,#0c0816db 0%,#0c08168c 45%,#0c081640 100%);position:fixed;inset:0}.sign{font-family:var(--neon);color:#f4ecff;text-shadow:0 0 6px var(--lilac), 0 0 18px var(--amethyst), 0 0 42px #8e6de0cc;letter-spacing:.04em}.word{font-family:var(--word);letter-spacing:.02em;line-height:.95}.pixel{font-family:var(--pixel);font-size:1.3em;line-height:1.1}.muted{color:var(--muted)}.faint{color:var(--faint)}.btn{appearance:none;border:1px solid var(--line-2);color:var(--text);cursor:pointer;font-family:var(--word);letter-spacing:.04em;white-space:nowrap;background:#1a1330d9;border-radius:10px;padding:.5em 1em;font-size:1.25rem;transition:border-color .12s,background .12s,box-shadow .12s}.btn:hover{border-color:var(--lilac)}.btn.on,.btn:focus-visible,.btn.cursor{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber), 0 0 18px #e9c47e59;outline:none}.btn.primary{background:var(--amber);color:#1b1206;border-color:var(--amber)}.btn.primary.cursor,.btn.primary:hover{box-shadow:0 0 22px #e9c47e99}.btn.small{border-radius:8px;padding:.35em .75em;font-size:1rem}.btn:disabled{opacity:.4;cursor:default}.panel{border:1px solid var(--line-2);background:#0c0816db;border-radius:16px;box-shadow:0 20px 60px #00000073}.title{text-align:center;place-items:center;display:grid}.title>div{background:radial-gradient(closest-side,#0c081699,#0000);padding:40px 60px}.title h1{margin:0;font-size:clamp(72px,15vw,190px);font-weight:400}.title .sub{font-family:var(--pixel);color:var(--muted);margin-top:.4em;font-size:clamp(20px,2.4vw,28px)}.title .press{font-family:var(--pixel);color:var(--amber);margin-top:2.2em;font-size:clamp(22px,2.8vw,34px);animation:1.4s steps(2,jump-none) infinite blink}@keyframes blink{50%{opacity:.35}}.topbar{padding:max(14px, env(safe-area-inset-top)) clamp(14px, 3vw, 40px) 10px;z-index:2;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.topbar .logo{cursor:default;margin-right:auto;font-size:38px}.topbar .btn{padding:.4em .85em;font-size:1.05rem}.select{grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:clamp(16px,3vw,44px);height:100%;padding:86px clamp(14px,3vw,40px) 70px;display:grid}.songs{flex-direction:column;gap:12px;padding:4px;display:flex;overflow-y:auto}.song-card{border:1px solid var(--line-2);cursor:pointer;text-align:left;background:#0c0816cc;border-radius:14px;grid-template-columns:76px 1fr;align-items:center;gap:14px;padding:10px;display:grid}.song-card.cursor{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber), 0 0 22px #e9c47e4d}.song-card .name{font-family:var(--word);font-size:30px;line-height:1}.song-card .meta{font-family:var(--pixel);color:var(--muted);font-size:19px}.levels{gap:6px;margin-top:4px;display:flex}.lv{font-family:var(--pixel);border:1px solid var(--line-2);color:var(--muted);border-radius:5px;padding:0 6px;font-size:17px}.lv.easy{color:var(--phosphor);border-color:#9dffc866}.lv.normal{color:var(--amber);border-color:#e9c47e66}.lv.hard{color:var(--rose);border-color:#f2a8bf73}.sleeve{aspect-ratio:1;background:var(--ink);border-radius:12px;position:relative;overflow:hidden;container-type:inline-size}.sleeve .glow{position:absolute;inset:0}.sleeve img{image-rendering:auto;filter:drop-shadow(0 0 10px #00000080);width:78%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sleeve .lines{mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 7px,#0c08162e 7px 8px);position:absolute;inset:0}.sleeve .tag{font-family:var(--word);color:#ffffffe6;letter-spacing:.04em;text-shadow:0 0 12px #0006;font-size:15cqw;line-height:.9;position:absolute;top:7%;left:8%}.detail{flex-direction:column;align-self:start;gap:18px;max-width:720px;padding:22px;display:flex}.detail .head{grid-template-columns:clamp(140px,18vw,230px) 1fr;align-items:end;gap:22px;display:grid}.detail h2{font-family:var(--word);margin:0;font-size:clamp(46px,6vw,78px);font-weight:400;line-height:.9}.detail .facts{font-family:var(--pixel);color:var(--muted);font-size:22px}.diffs{flex-wrap:wrap;gap:10px;display:flex}.diff{border:1px solid var(--line-2);cursor:pointer;background:#1a1330b3;border-radius:12px;flex-direction:column;align-items:flex-start;gap:0;min-width:120px;padding:10px 14px;display:flex}.diff .dn{font-family:var(--word);font-size:26px;line-height:1}.diff .dl{font-family:var(--pixel);color:var(--muted);font-size:18px}.diff.cursor{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber), 0 0 18px #e9c47e4d}.best{font-family:var(--pixel);grid-template-columns:auto 1fr;align-items:baseline;gap:4px 18px;font-size:22px;display:grid}.best .grade{font-family:var(--word);grid-row:span 3;font-size:64px;line-height:.8}.go{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hints{padding:10px clamp(14px, 3vw, 40px) max(12px, env(safe-area-inset-bottom));font-family:var(--pixel);color:var(--faint);flex-wrap:wrap;gap:18px;font-size:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.hints b{color:var(--muted);font-weight:400}.grade-SS,.grade-S{color:var(--amber);text-shadow:0 0 18px #e9c47e99}.grade-A{color:var(--phosphor)}.grade-B{color:var(--lilac)}.grade-C,.grade-D{color:var(--muted)}.grade-F{color:var(--rose)}.play canvas.field{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.hud>div{text-shadow:0 1px 3px #0c0816e6,0 0 12px #0c0816cc}.title .sub,.title .press{text-shadow:0 1px 3px #0c0816f2,0 0 14px #0c0816e6}.hud{padding:max(12px, env(safe-area-inset-top)) clamp(12px, 2.5vw, 30px);pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.hud .song{font-family:var(--word);font-size:26px;line-height:1}.hud .song small{font-family:var(--pixel);color:var(--muted);font-size:19px;display:block}.hud .score{text-align:right;font-family:var(--word);font-variant-numeric:tabular-nums;font-size:40px;line-height:.95}.hud .score small{font-family:var(--pixel);color:var(--muted);font-size:22px;display:block}.play.touch .hud{padding-left:calc(max(10px, env(safe-area-inset-left)) + 64px)}.pausebtn{left:max(10px, env(safe-area-inset-left));top:max(10px, env(safe-area-inset-top));border:1px solid var(--line-2);pointer-events:auto;background:#0c0816bf;border-radius:14px;width:54px;height:54px;position:absolute}.pausebtn:before,.pausebtn:after{content:"";background:var(--text);border-radius:2px;width:6px;height:20px;position:absolute;top:17px}.pausebtn:before{left:18px}.pausebtn:after{right:18px}.overlay{background:#0c081699;place-items:center;display:grid;position:absolute;inset:0}.menu{flex-direction:column;gap:10px;min-width:280px;padding:24px;display:flex}.menu h3{font-family:var(--word);text-align:center;margin:0 0 6px;font-size:44px;font-weight:400}.failed{font-family:var(--word);color:var(--rose);text-shadow:0 0 24px #f2a8bf99;font-size:clamp(80px,14vw,160px)}.toast{font-family:var(--pixel);border:1px solid var(--line-2);color:var(--muted);background:#0c0816d9;border-radius:8px;padding:6px 14px;font-size:22px;position:absolute;top:18%;left:50%;transform:translate(-50%)}.results{place-items:center;padding:70px 16px 24px;display:grid;overflow-y:auto}.res{grid-template-columns:auto minmax(260px,1fr);gap:10px 34px;width:100%;max-width:860px;padding:26px 30px;display:grid}.res .big{font-family:var(--word);text-align:center;grid-row:span 2;align-self:center;min-width:1.2em;font-size:clamp(130px,18vw,210px);line-height:.8}.res h2{font-family:var(--word);margin:0;font-size:44px;font-weight:400;line-height:1}.res .score{font-family:var(--word);font-variant-numeric:tabular-nums;font-size:64px;line-height:.9}.res table{border-collapse:collapse;font-family:var(--pixel);width:100%;font-size:23px}.res td{padding:1px 0}.res td:last-child{text-align:right}.res .wide{grid-column:1/-1}.badge{font-family:var(--pixel);border:1px solid var(--amber);color:var(--amber);border-radius:6px;margin-right:8px;padding:0 8px;font-size:20px;display:inline-block}.j1{color:#ffe3a3}.j2{color:var(--phosphor)}.j3{color:var(--lilac)}.j4{color:var(--rose)}canvas.hist{width:100%;height:90px;display:block}.settings{place-items:start center;padding:80px 16px 30px;display:grid;overflow-y:auto}.settings .panel{width:min(760px,100%);padding:22px 26px}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.row{border:1px solid #0000;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:9px 10px;display:grid}.row.cursor{border-color:var(--amber);background:#e9c47e0f}.row .label{font-size:17px}.row .label small{color:var(--faint);font-size:14px;display:block}.row .val{font-family:var(--pixel);align-items:center;gap:8px;font-size:22px;display:flex}.row input[type=range]{width:min(220px,40vw);accent-color:var(--amber)}.bind{text-align:center;border:1px solid var(--line-2);cursor:pointer;min-width:64px;font-family:var(--pixel);background:#1a1330cc;border-radius:8px;padding:2px 10px;font-size:22px}.bind.wait{border-color:var(--amber);color:var(--amber);animation:.8s steps(2,jump-none) infinite blink}.calib{touch-action:none;place-items:center;padding:80px 16px 30px;display:grid}.calib .panel{flex-direction:column;gap:14px;width:min(720px,100%);padding:22px 26px;display:flex}.calib canvas{background:#0c0816cc;border-radius:12px;width:100%;height:240px;display:block}.calib .read{font-family:var(--pixel);font-size:24px}.editor{grid-template-columns:300px 1fr;height:100%;display:grid}.editor .side{border-right:1px solid var(--line-2);background:#0c0816eb;flex-direction:column;gap:10px;padding:14px;display:flex;overflow-y:auto}.editor .side label{color:var(--muted);grid-template-columns:90px 1fr;align-items:center;gap:8px;font-size:14px;display:grid}.editor .side input,.editor .side select{background:var(--surface);border:1px solid var(--line-2);color:var(--text);border-radius:6px;min-width:0;padding:4px 6px}.editor .side .grid2{grid-template-columns:1fr 1fr;gap:6px;display:grid}.editor .main{position:relative}.editor canvas{cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.editor .status{font-family:var(--pixel);color:var(--muted);pointer-events:none;font-size:20px;position:absolute;bottom:10px;left:12px}.editor .help{font-family:var(--pixel);color:var(--faint);font-size:17px;line-height:1.15}.editor .err{color:var(--rose);white-space:pre-wrap;font-size:13px}@media (width<=860px){.select{grid-template-columns:1fr;padding-top:76px;overflow-y:auto}.songs{overflow:visible}.detail .head{grid-template-columns:120px 1fr}.res{grid-template-columns:1fr}.res .big{grid-row:auto}.editor{grid-template-rows:auto 1fr;grid-template-columns:1fr}.editor .side{max-height:40vh}}@media (width<=520px){.topbar .logo{font-size:30px}.topbar .btn{padding:.35em .6em;font-size:.95rem}}