:root{color-scheme:light;--void: #F3F3EE;--panel: #FFFFFF;--panel-hi: #FAFAF5;--chip: #FFFFFF;--chip-hi: #F2F8DE;--hover: #0000000A;--line: #E2E2DA;--line2: #CBCCC2;--white: #0E1012;--grey: #4C525A;--grey2: #666B74;--acid: #B4E017;--acid2: #9BC400;--acid-ink: #5E8300;--on-acid: #08090A;--warm: #D9411F;--warm-soft: #D9411F1F;--bulb-edge: #B9BAAF;--glow: 0 10px 26px -12px #7A9E0099;--shadow: 0 1px 2px #0000000D, 0 8px 24px -12px #00000026;--c-red: #E5484D;--c-blue: #3E7BFA;--c-green: #2FA84F;--c-yellow: #E8A800;--c-purple: #8E4EC6;--c-orange: #F76B15;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--top-h: 56px}:root[data-theme=dark]{color-scheme:dark;--void: #08090A;--panel: #0B0D0F;--panel-hi: #0E1114;--chip: #121519;--chip-hi: #10130C;--hover: #FFFFFF07;--line: #1C1F23;--line2: #2A2F35;--white: #F4F5F3;--grey: #98A0A9;--grey2: #858C95;--acid: #C6F432;--acid2: #9BD400;--acid-ink: #C6F432;--on-acid: #08090A;--warm: #FF5C39;--warm-soft: #FF5C3926;--bulb-edge: #3A4149;--glow: 0 0 40px -12px #C6F432;--shadow: 0 1px 2px #00000066, 0 8px 24px -12px #000000AA;--c-red: #FF6369;--c-blue: #5B8FFF;--c-green: #3DC266;--c-yellow: #FFC53D;--c-purple: #A875E0;--c-orange: #FF8B3E}:root.site{--top-h: 0px;--sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace}:root.site .arena{height:100dvh;min-height:460px}*{box-sizing:border-box}html,body{background:var(--void)}body{margin:0;color:var(--white);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--acid-ink);outline-offset:2px}[hidden]{display:none!important}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.btn{appearance:none;border:1px solid var(--line2);background:var(--panel);cursor:pointer;height:46px;padding:0 20px;border-radius:14px;font:700 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s var(--ease),background .15s,border-color .15s;touch-action:manipulation}.btn:hover{border-color:var(--white)}.btn:active{transform:scale(.97)}.btn-go{background:var(--acid);border-color:var(--acid);color:var(--on-acid);height:54px;padding:0 32px;font-size:13px;box-shadow:var(--glow)}.btn-go:hover{background:var(--acid2);border-color:var(--acid2)}.btn-quiet{border-color:transparent;background:none;color:var(--grey)}.btn-quiet:hover{color:var(--white);border-color:transparent}.top{position:sticky;top:0;z-index:20;height:var(--top-h);display:flex;align-items:center;gap:12px;padding:0 16px;background:color-mix(in srgb,var(--void) 88%,transparent);border-bottom:1px solid var(--line)}.top:before{content:"";position:absolute;inset:0;z-index:-1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.top a{color:inherit;text-decoration:none}.top .back{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line2);background:var(--panel);flex:0 0 auto}.top .back svg{width:18px;height:18px}.top .ttl{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.top .ttl b{font-size:17px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top .ttl .cat{font:700 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--grey2);white-space:nowrap}.top .tools{display:flex;gap:8px;flex:0 0 auto}.icon-btn{appearance:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--line2);background:var(--panel);display:grid;place-items:center;cursor:pointer}.icon-btn svg{width:18px;height:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;font-size:18px}.brand i{width:32px;height:32px;border-radius:10px;background:var(--acid);color:var(--on-acid);display:grid;place-items:center;font-style:normal;font-size:16px}.arena{width:min(100%,980px);margin:0 auto;height:calc(100dvh - var(--top-h));min-height:480px;display:flex;flex-direction:column;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}.stagewrap{position:relative;flex:1 1 auto;min-height:0;border:1px solid var(--line);border-radius:24px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s var(--ease),box-shadow .25s var(--ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.stagewrap.ok{border-color:var(--acid)}.stagewrap.no{border-color:color-mix(in srgb,var(--warm) 55%,var(--line))}.winbar{position:absolute;left:0;right:0;top:0;height:4px;z-index:3;background:transparent}.winbar i{display:block;height:100%;width:100%;background:var(--acid);transform-origin:left center}.winbar.low i{background:var(--warm)}.note{flex:0 0 auto;min-height:44px;padding:12px 18px 0;text-align:center;font-size:14px;line-height:1.35;color:var(--grey);text-wrap:balance;transition:opacity .2s}.note:empty{min-height:12px;padding:0}.note b{color:var(--white)}.stage{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}.fx{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.fx .tick{position:absolute;left:50%;top:50%;width:min(38%,220px);aspect-ratio:1;transform:translate(-50%,-50%)}.fx .tick path{fill:none;stroke:var(--acid);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;opacity:0;animation:fx-tick .62s var(--ease) forwards}@keyframes fx-tick{0%{opacity:0;stroke-dashoffset:80}35%{opacity:.6}to{opacity:0;stroke-dashoffset:0}}.fx .plus{position:absolute;font:700 20px/1 var(--mono);color:var(--acid-ink);transform:translate(-50%,-50%);animation:fx-plus .95s var(--ease) forwards;text-shadow:0 1px 0 var(--panel)}@keyframes fx-plus{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-160%)}}.fx .clock{position:absolute;left:50%;top:50%;width:min(30%,160px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:0;animation:fx-clock .9s var(--ease) forwards;color:var(--warm)}@keyframes fx-clock{0%{opacity:0}30%{opacity:.5}to{opacity:0}}.fx .burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 clamp(18px,3.4vw,26px)/1 var(--sans);letter-spacing:-.02em;background:var(--white);color:var(--panel);padding:10px 16px;border-radius:999px;animation:fx-burst 1.3s var(--ease) forwards;white-space:nowrap}.fx .burst.up{background:var(--acid);color:var(--on-acid)}.fx .burst.down{background:var(--panel-hi);color:var(--warm);border:1px solid var(--warm)}@keyframes fx-burst{0%{opacity:0;transform:translate(-50%,-30%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)}}.veil{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:veil-in .3s var(--ease);overflow-y:auto}@keyframes veil-in{0%{opacity:0}}.card{width:min(100%,380px);display:grid;justify-items:center;gap:14px;text-align:center}.card h2{margin:0;font-size:clamp(22px,3.2vw,28px);letter-spacing:-.035em;line-height:1.05}.card p{margin:0;color:var(--grey);font-size:14.5px;line-height:1.45;text-wrap:balance}.card .eyebrow{font:700 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--grey2)}.card .demo{width:min(100%,260px);aspect-ratio:16 / 10;border-radius:16px;background:var(--panel-hi);border:1px solid var(--line);overflow:hidden;position:relative}.card .demo>*{position:absolute;inset:0;width:100%;height:100%}.card .bigicon{width:84px;height:84px;border-radius:26px;background:var(--chip-hi);border:1px solid var(--line);display:grid;place-items:center;color:var(--white)}.card .bigicon svg{width:44px;height:44px}.card .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.lvpick{display:flex;align-items:center;gap:0;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:var(--panel);height:44px}.lvpick button{appearance:none;border:0;background:none;width:44px;height:100%;cursor:pointer;font:700 18px/1 var(--mono)}.lvpick button:disabled{opacity:.3;cursor:default}.lvpick span{min-width:120px;text-align:center;font:700 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;display:flex;gap:6px;justify-content:center;align-items:center}.lvpick span svg{width:14px;height:14px;color:var(--grey2)}.mode{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--grey);cursor:pointer}.mode input{width:18px;height:18px;accent-color:var(--acid2)}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;width:100%;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.tiles div{background:var(--panel);padding:12px 8px}.tiles b{display:block;font:700 24px/1.1 var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.tiles i{display:block;font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey2);margin-top:4px}.score-big{font:700 64px/1 var(--mono);letter-spacing:-.06em;font-variant-numeric:tabular-nums}.medal{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--acid);color:var(--on-acid);font:700 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.feats{width:100%;display:grid;gap:6px;text-align:left}.feats div{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--panel-hi);border:1px solid var(--line);font-size:13.5px;opacity:0;animation:feat .4s var(--ease) forwards}.feats div svg{width:18px;height:18px;flex:0 0 auto;color:var(--acid-ink)}@keyframes feat{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.spark{width:100%;height:44px}.spark path.l{fill:none;stroke:var(--white);stroke-width:2;vector-effect:non-scaling-stroke}.spark path.a{fill:color-mix(in srgb,var(--acid) 22%,transparent)}.spark circle{fill:var(--acid);stroke:var(--white);stroke-width:1.5;vector-effect:non-scaling-stroke}.challenge{width:100%;padding:12px;border:1px dashed var(--line2);border-radius:14px;display:grid;gap:10px}.challenge p{font-size:13.5px}.hud{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;height:72px;padding:0 12px 0 16px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.hud-lv{display:grid;gap:7px;min-width:0}.hud-lv .n{font:700 12px/1 var(--mono);color:var(--grey2);display:flex;align-items:baseline;gap:6px;white-space:nowrap}.hud-lv .n b{font-size:22px;color:var(--white);letter-spacing:-.04em}.hud-lv .n em{font-style:normal;font-size:11px;color:var(--acid-ink);letter-spacing:.02em}.hud-lv .n em.warn{color:var(--warm)}.hud-lv.up .n b{color:var(--acid-ink)}.hud-lv.down .n b{color:var(--warm)}.segs{display:flex;gap:3px;align-items:center;min-width:0}.segs i{flex:0 1 16px;min-width:4px;height:6px;border-radius:3px;background:var(--line);transition:background .25s var(--ease),transform .25s var(--ease)}.segs i.on{background:var(--acid)}.segs i.bad{background:var(--warm)}.segs .gap{flex:0 0 6px;background:none}.hud-score{display:grid;justify-items:center;line-height:1;min-width:74px}.hud-score b{font:700 28px/1 var(--mono);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--acid-ink);transition:transform .2s var(--ease)}.hud-score b.bump{transform:scale(1.18)}.hud-score span{font:700 9px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--grey2);margin-top:5px}.hud-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}.hud-time{position:relative;width:50px;height:50px;display:grid;place-items:center}.hud-time svg{position:absolute;inset:0;transform:rotate(-90deg)}.hud-time circle{fill:none;stroke-width:3.5}.hud-time .tr{stroke:var(--line)}.hud-time .tm{stroke:var(--white);stroke-linecap:round;transition:stroke .3s}.hud-time b{font:700 12px/1 var(--mono);font-variant-numeric:tabular-nums}.hud-time.hurry .tm{stroke:var(--warm)}.hud-time.hurry b{color:var(--warm);animation:hurry 1s steps(2,end) infinite}@keyframes hurry{50%{opacity:.45}}.hud-time.free b{font-size:16px}.hud-time b:not(:empty){white-space:nowrap}.hud-pause{appearance:none;width:42px;height:42px;border-radius:13px;border:1px solid var(--line2);background:var(--panel);display:grid;place-items:center;cursor:pointer}.hud-pause svg{width:16px;height:16px}@media(max-width:520px){.arena{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:8px}.stagewrap{border-radius:20px}.hud{height:66px;gap:8px;padding:0 8px 0 12px;border-radius:18px}.hud-score{min-width:56px}.hud-score b{font-size:24px}.hud-time{width:44px;height:44px}.hud-pause{width:38px;height:38px}.segs i{flex-basis:12px}.note{font-size:13.5px;padding-top:10px;min-height:38px}.top .ttl .cat{display:none}}.kp{width:min(100%,420px);margin:0 auto;display:grid;gap:8px;padding:10px 14px 14px}.kp-screen{height:52px;border-radius:14px;border:1px solid var(--line2);background:var(--panel-hi);display:flex;align-items:center;justify-content:center;gap:2px;font:700 28px/1 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kp-screen .cur{width:2px;height:26px;background:var(--white);animation:cur 1s steps(2) infinite}@keyframes cur{50%{opacity:0}}.kp-screen.bad{border-color:var(--warm);color:var(--warm)}.kp-screen.good{border-color:var(--acid2);color:var(--acid-ink)}.kp-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kp-keys button{appearance:none;height:50px;border-radius:14px;border:1px solid var(--line2);background:var(--panel);font:700 21px/1 var(--mono);cursor:pointer;touch-action:manipulation;transition:transform .08s,background .12s}.kp-keys button:active,.kp-keys button.hit{transform:scale(.94);background:var(--chip-hi)}.kp-keys .ok{background:var(--acid);border-color:var(--acid);color:var(--on-acid);grid-row:span 2;height:auto;font-size:13px;letter-spacing:.12em}.kp-keys .fn{font-size:16px;color:var(--grey)}@media(max-height:700px){.kp-keys button{height:44px}.kp-screen{height:46px;font-size:24px}}.choices{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:12px 14px 16px}.choices button{appearance:none;min-width:96px;min-height:54px;padding:8px 18px;border-radius:16px;border:1px solid var(--line2);background:var(--panel);cursor:pointer;touch-action:manipulation;font:700 15px/1.1 var(--sans);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s,background .12s,border-color .12s}.choices button:hover{border-color:var(--white)}.choices button:active{transform:scale(.96)}.choices button.good{background:var(--acid);border-color:var(--acid);color:var(--on-acid)}.choices button.bad{background:var(--warm);border-color:var(--warm);color:#fff}.choices button.want{border-color:var(--acid2);box-shadow:0 0 0 3px color-mix(in srgb,var(--acid) 40%,transparent)}.choices button svg{width:26px;height:26px}.choices kbd{font:600 10px/1 var(--mono);color:var(--grey2);border:1px solid var(--line2);border-radius:5px;padding:3px 5px}.choices button.bad kbd{color:#fff;border-color:#fff9}.choices button.good kbd{color:var(--on-acid);border-color:color-mix(in srgb,var(--on-acid) 40%,transparent)}@media(hover:none){.choices kbd{display:none}}.tile{appearance:none;position:relative;display:grid;place-items:center;border:1px solid var(--line2);background:var(--chip);border-radius:18px;color:var(--white);box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;padding:0;transition:transform .15s var(--ease),background .15s,border-color .15s,opacity .2s}.tile svg{width:58%;height:58%}.tile:active{transform:scale(.96)}.tile.good{background:var(--acid);border-color:var(--acid);color:var(--on-acid)}.tile.bad{background:var(--warm);border-color:var(--warm);color:#fff}.tile.want{border-color:var(--acid2);box-shadow:0 0 0 4px color-mix(in srgb,var(--acid) 45%,transparent)}.tile.dim{opacity:.35}.tile.hint:after{content:"";position:absolute;inset:-6px;border-radius:22px;border:2px solid var(--acid2);animation:breathe 1.4s ease-in-out infinite;pointer-events:none}@keyframes breathe{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}.review{width:min(100%,980px);margin:0 auto;padding:24px 16px 80px}.review h3{margin:0 0 6px;font-size:20px;letter-spacing:-.03em}.review>p{margin:0 0 16px;color:var(--grey);max-width:70ch;font-size:14px}.review .meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:0 0 18px}.review .meta div{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);font-size:13.5px;color:var(--grey)}.review .meta b{display:block;color:var(--white);font-size:12px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.ladder{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.ladder table{width:100%;border-collapse:collapse;font-size:13px}.ladder th{text-align:left;font:700 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--grey2);padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--panel)}.ladder td{padding:8px 10px;border-bottom:1px solid var(--line);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--grey)}.ladder tr:last-child td{border-bottom:0}.ladder tbody tr{cursor:pointer}.ladder tbody tr:hover td{background:var(--panel-hi)}.ladder tr.cur td{background:color-mix(in srgb,var(--acid) 16%,var(--panel));color:var(--white)}.ladder td:first-child,.ladder td.new{color:var(--white);font-weight:700}.ladder td.new:after{content:" •";color:var(--acid-ink)}.ladder td.relax:after{content:" ↓";color:var(--grey2)}.review .legend{color:var(--grey2);font-size:12.5px;margin-top:10px}.cat-page{width:min(100%,1180px);margin:0 auto;padding:28px 16px 90px}.cat-page h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.045em;line-height:1;margin:0 0 12px}.cat-page .lede{color:var(--grey);max-width:66ch;margin:0 0 30px}.cat-sec{margin:0 0 36px}.cat-sec h2{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:-.03em;margin:0 0 14px}.cat-sec h2 .ic{width:36px;height:36px;border-radius:11px;border:1px solid var(--line2);display:grid;place-items:center;background:var(--panel)}.cat-sec h2 .ic svg{width:20px;height:20px}.cat-sec h2 small{font:700 11px/1 var(--mono);color:var(--grey2);letter-spacing:.1em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.ex-card{position:relative;display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s var(--ease)}.ex-card:hover{border-color:var(--white);transform:translateY(-1px)}.ex-card .ic{width:52px;height:52px;border-radius:16px;background:var(--chip-hi);border:1px solid var(--line);display:grid;place-items:center}.ex-card .ic svg{width:28px;height:28px}.ex-card b{display:block;font-size:16px;letter-spacing:-.02em}.ex-card span{display:block;color:var(--grey);font-size:13px;line-height:1.4;margin-top:3px}.ex-card .st{display:flex;gap:10px;margin-top:8px;font:700 11px/1 var(--mono);color:var(--grey2);letter-spacing:.04em}.ex-card .st .lv{color:var(--acid-ink)}.ex-card .src{position:absolute;right:12px;top:12px;font:600 9.5px/1 var(--mono);color:var(--grey2);letter-spacing:.06em}@media(prefers-reduced-motion:reduce){.veil,.feats div,.fx .burst,.tile.hint:after,.kp-screen .cur{animation:none!important}.feats div{opacity:1}}