:root{--ink: #111114;--ink-2: #26262d;--paper: #f1ede4;--paper-2: #e4dfd2;--acc: #ffc800;--acc2: #ff6a1a;--acc3: #7a4dff;--ok: #19d38a;--you: #2a5bff;--opp: #ff2e88;--grey: #8b8a93;--line: 3px;--display: "Anton", Impact, "Arial Narrow", sans-serif;--tag: "Permanent Marker", "Comic Sans MS", cursive;--body: "Chakra Petch", system-ui, sans-serif;--kana: "Dela Gothic One", "Anton", sans-serif;--panel-w: 440px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:var(--body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(17,17,20,.12) 1.1px,transparent 1.5px);background-size:13px 13px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--acc3);outline-offset:3px}#bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.bg-band{position:absolute;left:-10%;right:-10%;bottom:-6%;height:32%;background:var(--acc3);transform:skewY(-7deg);box-shadow:0 -10px 0 var(--ink)}.bg-lines{position:absolute;left:-10%;right:-10%;bottom:24%;height:10%;transform:skewY(-7deg);background:repeating-linear-gradient(90deg,var(--ink) 0 3px,transparent 3px 22px);opacity:.12}.bg-word{position:absolute;right:-2vw;top:4vh;font-family:var(--display);font-size:24vw;line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(17,17,20,.12);transform:rotate(-7deg);white-space:nowrap}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;touch-action:pan-y;transition:filter .35s}#ov,#fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui .scr{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui .scr>*{pointer-events:auto}.btn{--sh: var(--acc3);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-size:20px;letter-spacing:.04em;text-transform:uppercase;padding:12px 24px;background:var(--ink);color:var(--paper);border:var(--line) solid var(--ink);box-shadow:5px 5px 0 var(--sh);transform:skew(-8deg);transition:transform .08s,box-shadow .08s}.btn>*{transform:skew(8deg)}.btn:hover{transform:skew(-8deg) translate(-2px,-2px);box-shadow:7px 7px 0 var(--sh)}.btn:active{transform:skew(-8deg) translate(4px,4px);box-shadow:0 0 0 var(--sh)}.btn.alt{background:var(--paper);color:var(--ink);--sh: var(--ink)}.btn.hot{background:var(--acc3);color:#fff;--sh: var(--ink)}.btn.small{font-size:15px;padding:8px 14px;box-shadow:3px 3px 0 var(--sh)}.icon-btn{width:44px;height:44px;display:grid;place-items:center;flex:none;background:var(--ink);color:var(--paper);border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--acc3)}.icon-btn:hover{background:var(--ink-2)}.icon-btn svg{width:20px;height:20px}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;background:var(--ink);color:var(--paper);transform:skew(-8deg)}.chip.acid{background:var(--acc3);color:#fff}.chip.hot{background:var(--ink);color:var(--paper)}.chip.line{background:transparent;color:var(--ink);border:2px solid var(--ink)}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) 20px 0}.stat{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:18px;background:var(--paper);border:var(--line) solid var(--ink);padding:6px 12px;box-shadow:3px 3px 0 var(--ink);transform:skew(-8deg)}.stat i{font-style:normal;font-size:12px;letter-spacing:.1em;color:var(--grey)}.stat .dot{width:12px;height:12px;background:var(--acc3);border:2px solid var(--ink);transform:rotate(45deg)}.stat .fire{width:12px;height:12px;background:var(--ink);border:2px solid var(--ink);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.spacer{flex:1}.home .hero{position:absolute;left:40px;top:96px;max-width:560px;pointer-events:none}.kana{font-family:var(--kana);font-size:15px;letter-spacing:.3em;opacity:.75}.logo{margin:4px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(76px,11vw,150px);line-height:.86;letter-spacing:-.01em;transform:skew(-10deg) rotate(-4deg);transform-origin:left bottom}.logo .l1{color:var(--ink)}.logo .l2{color:var(--acc3);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:7px 7px 0 var(--ink)}.logo .spray{display:inline-block;font-family:var(--tag);font-size:.3em;color:var(--ink);transform:rotate(-8deg) translate(-12px,-.6em);vertical-align:top}.tagline{background:var(--paper);padding:8px 10px;border-left:6px solid var(--ink);font-size:18px;font-weight:600;max-width:400px;margin:22px 0 0;line-height:1.35}.tagline mark{background:var(--ink);color:var(--paper);padding:0 6px}.disc-grid{position:absolute;right:32px;bottom:32px;width:min(640px,52vw);display:grid;grid-template-columns:1fr 1fr;gap:16px}.disc-card{position:relative;text-align:left;padding:14px 16px;overflow:hidden;background:var(--paper);border:var(--line) solid var(--ink);box-shadow:6px 6px 0 var(--ink);transform:skew(-6deg);transition:transform .1s,box-shadow .1s,background .1s;animation:cardPop .4s var(--d) cubic-bezier(.2,1.3,.4,1) both}@keyframes cardPop{0%{opacity:0;transform:skew(-6deg) translateY(30px)}}.disc-card>*{transform:skew(6deg)}.disc-card:hover,.disc-card:focus-visible{transform:skew(-6deg) translate(-3px,-3px);box-shadow:9px 9px 0 var(--acc3);background:#fff;outline:none}.disc-card:hover .dc-name,.disc-card:focus-visible .dc-name{color:#fff;background:var(--acc3)}.disc-card:active{transform:skew(-6deg) translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.dc-top{display:flex;align-items:baseline;justify-content:space-between}.dc-num{font-family:var(--display);font-size:15px;color:var(--grey)}.dc-kana{font-family:var(--kana);font-size:12px;letter-spacing:.12em;opacity:.6}.dc-name{display:inline-block;margin:4px 0 6px -8px;padding:0 8px;font-family:var(--display);font-size:36px;line-height:1.05;transition:background .1s}.dc-tag{font-size:13px;font-weight:600;line-height:1.3;min-height:34px}.pips{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.pip{font-family:var(--display);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border:2px solid var(--ink)}.pip.on{background:var(--ink);color:var(--paper)}.pip.lim{border-style:dashed}.pip.off{color:var(--grey);border-color:var(--grey);text-decoration:line-through}.dc-prog{margin-top:12px;height:8px;background:var(--paper-2);border:2px solid var(--ink)}.dc-prog i{display:block;height:100%;background:var(--acc3)}.side-panel{position:absolute;left:0;top:0;bottom:0;width:var(--panel-w);background:var(--paper);border-right:var(--line) solid var(--ink);display:flex;flex-direction:column;overflow:hidden;box-shadow:10px 0 #1111141f}.sp-head{background:var(--ink);color:var(--paper);padding:max(16px,env(safe-area-inset-top)) 20px 18px;position:relative;overflow:hidden}.sp-head:after{content:"";position:absolute;right:-30px;top:0;bottom:0;width:180px;background:repeating-linear-gradient(-60deg,var(--acc3) 0 6px,transparent 6px 18px);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}.sp-head .row{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.sp-head .icon-btn{background:var(--paper);color:var(--ink)}.sp-title{font-family:var(--display);font-size:48px;line-height:1;margin:14px 0 2px;position:relative;z-index:1;transform:skew(-8deg)}.sp-title small{font-family:var(--kana);font-size:14px;letter-spacing:.2em;color:#aab2ff;margin-left:10px;vertical-align:middle}.sp-tag{font-size:14px;color:var(--paper-2);position:relative;z-index:1;padding-right:110px}.sp-body{flex:1;overflow-y:auto;padding:26px 20px 30px;scrollbar-width:thin}.units{position:relative;display:flex;flex-direction:column;gap:26px;padding:6px 0 10px}.units:before{content:"";position:absolute;left:50%;top:30px;bottom:30px;width:6px;margin-left:-3px;background:repeating-linear-gradient(180deg,var(--ink) 0 12px,transparent 12px 22px)}.unit{position:relative;align-self:flex-start;display:flex;align-items:center;gap:14px;background:none;border:0;padding:0;text-align:left}.unit:nth-child(2n){align-self:flex-end;flex-direction:row-reverse;text-align:right}.u-node{position:relative;width:84px;height:84px;flex:none;display:grid;place-items:center;background:var(--paper);border:4px solid var(--ink);border-radius:50%;box-shadow:0 7px 0 var(--ink);transition:transform .08s,box-shadow .08s;font-family:var(--display);font-size:34px}.unit:hover .u-node{transform:translateY(-3px);box-shadow:0 10px 0 var(--ink)}.unit:active .u-node{transform:translateY(6px);box-shadow:0 1px 0 var(--ink)}.unit.done .u-node{background:var(--acc3);color:#fff}.unit.next .u-node{background:var(--ink);color:var(--paper);animation:nodePulse 1.4s infinite}.unit.locked .u-node{background:var(--paper-2);color:var(--grey);border-color:var(--grey);box-shadow:0 7px 0 var(--grey)}.unit.locked{cursor:not-allowed}@keyframes nodePulse{0%,to{outline:0 solid rgba(30,43,255,.6)}50%{outline:10px solid rgba(30,43,255,0)}}.u-info{max-width:200px;position:relative;z-index:1;background:var(--paper);padding:2px 6px}.u-name{font-family:var(--display);font-size:22px;line-height:1.05;text-transform:uppercase}.u-sub{font-size:12px;font-weight:700;color:var(--grey);letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.stars{display:inline-flex;gap:3px;margin-top:5px}.stars i{width:13px;height:13px;background:var(--paper-2);border:2px solid var(--ink);clip-path:polygon(50% 0,63% 36%,100% 38%,71% 61%,81% 100%,50% 77%,19% 100%,29% 61%,0 38%,37% 36%)}.stars i.on{background:var(--acc3)}.start-flag{position:absolute;top:-26px;left:50%;transform:translate(-50%) rotate(-4deg);font-family:var(--tag);font-size:15px;background:var(--acc3);color:#fff;padding:2px 10px;white-space:nowrap;border:2px solid var(--ink)}.rules{margin-top:28px;border:var(--line) solid var(--ink);background:#fff;box-shadow:5px 5px 0 var(--ink)}.rules h3{margin:0;padding:8px 14px;background:var(--ink);color:var(--paper);font-family:var(--display);font-weight:400;font-size:18px;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center}.rules h3 span{font-family:var(--tag);color:#aab2ff;font-size:15px;letter-spacing:0}.weapons{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:var(--line) solid var(--ink)}.weapon{padding:8px 10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}.weapon:nth-child(3n){border-right:0}.weapon:nth-last-child(-n+3){border-bottom:0}.weapon b{display:block;font-family:var(--display);font-size:15px;font-weight:400;text-transform:uppercase}.weapon span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.weapon.on span{color:var(--acc3)}.weapon.off span{color:var(--grey)}.weapon.off b{text-decoration:line-through;color:var(--grey)}.avoid{list-style:none;margin:0;padding:10px 14px 12px}.avoid li{position:relative;padding:5px 0 5px 26px;font-weight:600;font-size:14px;line-height:1.3}.avoid li:before{content:"✕";position:absolute;left:0;top:5px;width:18px;height:18px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:11px;font-weight:700}.edge{margin:0;padding:10px 14px 12px;border-top:2px dashed var(--ink);font-size:14px;line-height:1.35;font-weight:600}.edge:before{content:"EDGE ";font-family:var(--display);font-weight:400;background:var(--acc3);color:#fff;padding:0 5px;margin-right:4px}.mix-row{display:flex;justify-content:center;margin-top:24px}.lesson .q-panel{position:absolute;right:0;top:0;bottom:0;width:var(--panel-w);background:var(--paper);border-left:var(--line) solid var(--ink);display:flex;flex-direction:column;box-shadow:-10px 0 #1111141f}.lbar{display:flex;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) 18px 12px;background:var(--ink)}.lbar .icon-btn{background:var(--paper);color:var(--ink);box-shadow:none;width:38px;height:38px}.progress{flex:1;display:flex;gap:4px;height:16px}.progress i{flex:1;background:var(--ink-2);transform:skew(-20deg);transition:background .3s}.progress i.on{background:var(--acc3)}.progress i.cur{background:var(--paper);animation:blink .9s infinite}@keyframes blink{50%{opacity:.4}}.combo{font-family:var(--display);color:#fff;background:var(--acc3);padding:2px 8px;transform:skew(-10deg) scale(0);font-size:16px;transition:transform .2s cubic-bezier(.3,1.8,.5,1);white-space:nowrap}.combo.on{transform:skew(-10deg) scale(1)}.q-body{flex:1;overflow-y:auto;padding:18px 22px 24px;display:flex;flex-direction:column;scrollbar-width:thin}.q-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.q-ctx{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--ink-2);padding-left:10px;border-left:4px solid var(--acc3)}.q-text{font-family:var(--display);font-weight:400;font-size:27px;line-height:1.1;margin:0 0 16px;text-transform:uppercase}.wait-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;background:transparent;border:3px dashed var(--ink)}.wait-card b{display:block;font-family:var(--display);font-weight:400;font-size:18px;text-transform:uppercase}.wait-card small{font-size:13px;font-weight:600;color:var(--grey)}.wait-card kbd{margin-left:auto;font-family:var(--display);font-size:12px;border:2px solid var(--ink);padding:2px 6px}.wait-card:hover{background:#fff}.spin{flex:none;width:22px;height:22px;border:4px solid var(--paper-2);border-top-color:var(--acc3);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.answers{display:flex;flex-direction:column;gap:12px}.answer{display:flex;align-items:center;gap:14px;text-align:left;padding:12px 14px 12px 12px;background:#fff;border:var(--line) solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:600;font-size:16px;line-height:1.25;transition:transform .08s,box-shadow .08s,background .15s,opacity .2s;animation:ansIn .32s var(--d) cubic-bezier(.2,.9,.3,1.2) both}@keyframes ansIn{0%{opacity:0;transform:translate(40px) skew(-10deg)}}.answer:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--acc3)}.answer:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.answer .k{flex:none;width:34px;height:34px;display:grid;place-items:center;font-family:var(--display);font-size:18px;background:var(--ink);color:var(--paper);transform:skew(-10deg)}.answer:disabled{cursor:default}.answer.good{background:var(--acc3);color:#fff}.answer.good .k{background:#fff;color:var(--acc3);font-size:0}.answer.good .k:after{content:"✓";font-size:18px}.answer.bad{background:var(--ink);color:var(--paper);animation:shake .35s}.answer.bad .k{background:var(--paper);color:var(--ink);font-size:0}.answer.bad .k:after{content:"✕";font-size:16px}.answer.dim{opacity:.35}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}.seq{display:flex;flex-direction:column;gap:12px}.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px}.slot{height:46px;display:flex;align-items:center;gap:8px;padding:0 8px 0 0;font-family:var(--display);font-size:14px;text-transform:uppercase;line-height:1;text-align:left;background:transparent;border:3px dashed var(--ink);transform:skew(-8deg)}.slot span{display:grid;place-items:center;width:26px;align-self:stretch;flex:none;background:var(--ink);color:var(--paper)}.slot.filled{background:#fff;border-style:solid;animation:slotIn .22s cubic-bezier(.2,1.8,.4,1)}.slot.good{background:var(--acc3);color:#fff}.slot.bad{background:var(--ink);color:var(--paper);text-decoration:line-through}@keyframes slotIn{0%{transform:skew(-8deg) scale(1.2)}}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{display:flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;font-weight:700;font-size:14px;background:#fff;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:skew(-6deg);transition:transform .08s,box-shadow .08s}.chip-btn b{display:grid;place-items:center;width:22px;height:22px;background:var(--ink);color:var(--paper);font-family:var(--display);font-weight:400}.chip-btn:hover:not(:disabled){transform:skew(-6deg) translate(-2px,-2px);box-shadow:5px 5px 0 var(--acc3)}.chip-btn:active:not(:disabled){transform:skew(-6deg) translate(3px,3px);box-shadow:0 0 0 var(--ink)}.chip-btn:disabled{opacity:.4}.big-btn{width:100%;display:flex;flex-direction:column;align-items:center;padding:16px;font-family:var(--display);background:var(--acc3);color:#fff;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transform:skew(-8deg);animation:bigPulse .9s infinite}.big-btn span{font-size:36px;letter-spacing:.04em;line-height:1}.big-btn small{font-size:12px;letter-spacing:.2em;margin-top:4px;opacity:.85}.big-btn:active{transform:skew(-8deg) translate(5px,5px);box-shadow:0 0 0 var(--ink)}.big-btn.good{animation:none}.big-btn.bad{background:var(--ink);animation:shake .35s}@keyframes bigPulse{50%{box-shadow:6px 6px 0 var(--ink),0 0 0 8px #1e2bff40}}.feedback{margin-top:16px;border:var(--line) solid var(--ink);background:#fff;box-shadow:5px 5px 0 var(--ink);animation:fbIn .35s cubic-bezier(.2,.9,.3,1.15) both}@keyframes fbIn{0%{opacity:0;transform:translateY(30px)}}.fb-head{display:flex;align-items:center;gap:10px;padding:8px 14px;font-family:var(--display);font-size:22px;letter-spacing:.04em}.feedback.ok .fb-head{background:var(--acc3);color:#fff}.feedback.ko .fb-head{background:var(--ink);color:var(--paper)}.fb-head small{margin-left:auto;font-family:var(--body);font-size:13px;font-weight:700;letter-spacing:.04em}.fb-why{margin:0;padding:12px 14px 0;font-size:15px;font-weight:500;line-height:1.45}.fb-actions{display:flex;gap:10px;padding:14px;align-items:center}.fb-actions .btn{flex:1}.fb-actions .btn.alt{flex:0 0 auto}.kbd-hint{font-size:12px;color:var(--grey);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:auto;padding-top:16px}.kbd-hint kbd{font-family:var(--display);font-size:12px;border:2px solid var(--grey);padding:0 5px;margin:0 2px;color:var(--ink)}.stage-ui{position:absolute;left:0;top:0;bottom:0;right:var(--panel-w);pointer-events:none!important}.stage-ui>*{pointer-events:auto}.hud{position:absolute;left:20px;right:20px;top:18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;pointer-events:none!important}.plate{min-width:0}.pl-top{display:flex;align-items:center;gap:8px;font-family:var(--display)}.pl-top b{font-size:20px;font-weight:400;letter-spacing:.04em;padding:0 10px;border:2px solid var(--ink);transform:skew(-10deg)}.plate.you .pl-top b{background:var(--you)}.plate.opp .pl-top b{background:var(--opp);color:#fff}.pl-top small{font-family:var(--body);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate.opp .pl-top{justify-content:flex-end}.bar{position:relative;height:14px;margin-top:5px;background:var(--ink);border:3px solid var(--ink);transform:skew(-20deg);overflow:hidden}.bar i,.bar em{position:absolute;top:0;bottom:0;left:0;display:block}.bar em{background:var(--paper);transition:width .7s .25s ease;z-index:0}.bar i{z-index:1;transition:width .12s}.plate.opp .bar i,.plate.opp .bar em{left:auto;right:0}.plate.you .bar i{background:var(--you)}.plate.opp .bar i{background:var(--opp)}.plate.hit .bar{animation:barHit .35s}@keyframes barHit{30%{transform:skew(-20deg) translate(-5px)}60%{transform:skew(-20deg) translate(4px)}}.rnd{display:flex;align-items:center;background:var(--paper);border:3px solid var(--ink);font-family:var(--display);transform:skew(-10deg);box-shadow:3px 3px 0 var(--ink)}.rnd b{font-weight:400;font-size:15px;padding:2px 10px;letter-spacing:.06em}.rnd span{font-size:22px;padding:0 12px;background:var(--ink);color:var(--paper);font-variant-numeric:tabular-nums}.rnd em{font-style:normal;font-size:15px;padding:2px 10px;border-left:3px solid var(--ink);white-space:nowrap}.rnd em:empty{display:none}.rnd em small{font-size:10px;letter-spacing:.12em;margin-right:6px;color:var(--grey)}.scene-tag{position:absolute;left:20px;top:74px;pointer-events:none!important}.live{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:16px;letter-spacing:.08em;background:var(--ink);color:var(--paper);padding:4px 10px;transform:skew(-10deg)}.live:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--paper);animation:blink .8s infinite}.live.decide{background:var(--acc3);color:#fff;font-size:20px;animation:stamp .3s cubic-bezier(.2,1.8,.4,1)}.live.ok{background:var(--acc3);color:#fff}.live.ok:before,.live.decide:before{background:#fff}@keyframes stamp{0%{transform:skew(-10deg) scale(2);opacity:0}}.stage-tools{position:absolute;right:18px;top:74px;display:flex;gap:8px}.tool{font-family:var(--display);font-size:14px;letter-spacing:.06em;height:36px;padding:0 12px;background:var(--ink);color:var(--paper);border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--acc3)}.tool.on{background:var(--acc3);color:#fff;box-shadow:3px 3px 0 var(--ink)}.caption{position:absolute;left:20px;bottom:36px;max-width:calc(100% - 40px);display:flex;align-items:stretch;pointer-events:none!important;font-family:var(--display);font-size:clamp(20px,2.2vw,28px);text-transform:uppercase;letter-spacing:.02em}.caption .n{background:var(--acc3);color:#fff;padding:6px 12px;border:var(--line) solid var(--ink);border-right:0}.caption .t{background:var(--ink);color:var(--paper);padding:6px 16px;border:var(--line) solid var(--ink)}.caption.show{animation:capIn .32s cubic-bezier(.2,.9,.3,1.1) both}@keyframes capIn{0%{clip-path:inset(0 100% 0 0);transform:translate(-30px)}to{clip-path:inset(0 0 0 0)}}.timeline{position:absolute;left:20px;right:20px;bottom:16px;height:8px;background:#11111433;pointer-events:none!important}.tl-cur{position:absolute;top:-5px;bottom:-5px;width:4px;margin-left:-2px;background:var(--ink)}.tl-freeze{position:absolute;top:-5px;width:10px;height:18px;margin-left:-5px;background:var(--acc3);border:2px solid var(--ink);transform:skew(-12deg)}.tl-win{position:absolute;top:0;bottom:0;background:var(--acc3)}.tl-mark{position:absolute;top:-13px;width:0;height:0;margin-left:-7px;border:7px solid transparent;border-top:11px solid var(--ink)}.drag-hint{position:absolute;left:50%;bottom:0;transform:translate(-50%);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;opacity:.4;pointer-events:none!important;white-space:nowrap}.bt-frame{position:absolute;top:0;right:0;bottom:0;left:0;right:var(--panel-w);pointer-events:none!important;opacity:0;transition:opacity .3s;background:radial-gradient(ellipse at center,transparent 50%,rgba(17,17,20,.28) 100%)}body.bullet .bt-frame{opacity:1}body.bullet #gl{filter:saturate(.6) contrast(1.06)}.splash{position:absolute;left:50%;top:42%;pointer-events:none;white-space:nowrap;font-family:var(--tag);font-size:clamp(56px,8vw,110px);line-height:1;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);animation:splash .9s cubic-bezier(.2,1.4,.4,1) forwards}.splash.ok{color:var(--acc3)}.splash.ko{color:var(--paper)}.splash small{display:block;font-family:var(--display);font-size:.32em;-webkit-text-stroke:0;text-shadow:none;color:#fff;background:var(--acc3);width:max-content;margin:6px auto 0;padding:0 10px;transform:skew(-10deg)}@keyframes splash{0%{transform:translate(-50%,-50%) scale(2.4) rotate(-14deg);opacity:0;filter:blur(6px)}22%{transform:translate(-50%,-50%) scale(.92) rotate(-6deg);opacity:1;filter:blur(0)}32%{transform:translate(-50%,-50%) scale(1.04) rotate(-7deg)}75%{transform:translate(-50%,-50%) scale(1) rotate(-7deg);opacity:1}to{transform:translate(-50%,-60%) scale(1) rotate(-7deg);opacity:0}}.speedlines{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(17,17,20,.18) 0deg 1.2deg,transparent 1.2deg 7deg);-webkit-mask:radial-gradient(circle,transparent 22%,#000 60%);mask:radial-gradient(circle,transparent 22%,#000 60%);animation:speed .6s ease-out forwards}.speedlines.ko{display:none}@keyframes speed{0%{opacity:1;transform:scale(1.3) rotate(0)}to{opacity:0;transform:scale(1) rotate(4deg)}}.results .card{position:absolute;left:max(30%,290px);top:50%;transform:translate(-50%,-50%) rotate(-1.5deg);width:min(520px,calc(100vw - 32px));background:var(--paper);border:4px solid var(--ink);box-shadow:12px 12px 0 var(--ink);animation:cardIn .5s cubic-bezier(.2,1.2,.4,1) both}@keyframes cardIn{0%{transform:translate(-50%,-30%) rotate(6deg) scale(.8);opacity:0}}.res-head{background:var(--ink);color:var(--paper);padding:16px 22px;position:relative}.res-head .kana{color:#aab2ff;opacity:1}.res-head h2{margin:4px 0 0;font-family:var(--display);font-weight:400;font-size:40px;line-height:1;transform:skew(-8deg)}.rank{position:absolute;right:18px;top:-38px;width:120px;height:120px;display:grid;place-items:center;font-family:var(--tag);font-size:84px;color:#fff;background:var(--acc3);border:4px solid var(--ink);border-radius:50%;transform:rotate(-12deg);box-shadow:6px 6px 0 var(--ink);animation:stampIn .5s .35s cubic-bezier(.2,1.6,.4,1) both}@keyframes stampIn{0%{transform:rotate(-30deg) scale(3);opacity:0}}.res-stars{display:flex;justify-content:center;gap:12px;padding:16px}.res-stars i{width:46px;height:46px;background:var(--paper-2);border:3px solid var(--ink);clip-path:polygon(50% 0,63% 36%,100% 38%,71% 61%,81% 100%,50% 77%,19% 100%,29% 61%,0 38%,37% 36%)}.res-stars i.on{background:var(--acc3);animation:starPop .4s cubic-bezier(.2,1.8,.4,1) both}.res-stars i:nth-child(1){animation-delay:.45s}.res-stars i:nth-child(2){animation-delay:.6s}.res-stars i:nth-child(3){animation-delay:.75s}@keyframes starPop{0%{transform:scale(0) rotate(-90deg)}}.res-grid{display:grid;grid-template-columns:1fr 1fr;border-top:var(--line) solid var(--ink);border-bottom:var(--line) solid var(--ink)}.res-grid div{padding:14px 20px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}.res-grid div:nth-child(2n){border-right:0}.res-grid div:nth-last-child(-n+2){border-bottom:0}.res-grid b{display:block;font-family:var(--display);font-size:40px;font-weight:400;line-height:1}.res-grid span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}.res-time{padding:8px 20px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}.res-actions{display:flex;gap:12px;padding:4px 20px 20px}.res-actions .btn{flex:1}.ov{position:absolute;left:0;top:0;will-change:transform}.ov>*{position:absolute;transform:translate(-50%,-50%)}.burst{z-index:3}.burst .star{width:92px;height:92px;left:0;top:0;clip-path:polygon(50% 0,60% 30%,92% 12%,72% 42%,100% 55%,68% 62%,82% 96%,52% 72%,30% 100%,32% 66%,0 72%,26% 48%,6% 20%,38% 32%);background:var(--you);animation:burstStar .9s cubic-bezier(.2,1.6,.4,1) forwards}.burst.by-o .star{background:var(--opp)}.burst span{font-family:var(--display);font-size:30px;color:var(--ink);white-space:nowrap;letter-spacing:.02em;-webkit-text-stroke:5px var(--paper);paint-order:stroke fill;animation:burstTxt .9s cubic-bezier(.2,1.6,.4,1) forwards}.burst.k-block .star,.burst.k-miss .star{width:60px;height:60px;background:var(--paper)}.burst.k-block span,.burst.k-miss span{font-size:20px;color:var(--grey)}.burst.k-check span,.burst.k-catch span,.burst.k-foul span{font-size:22px;color:#fff;background:var(--acc3);padding:0 6px;-webkit-text-stroke:0}.burst.k-check .star,.burst.k-catch .star,.burst.k-foul .star{background:var(--paper)}@keyframes burstStar{0%{transform:translate(-50%,-50%) scale(0) rotate(0)}25%{transform:translate(-50%,-50%) scale(1.25) rotate(20deg)}60%{opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(30deg);opacity:0}}@keyframes burstTxt{0%{transform:translate(-50%,-50%) scale(0) rotate(-20deg)}25%{transform:translate(-50%,-110%) scale(1.3) rotate(-8deg)}70%{opacity:1}to{transform:translate(-50%,-160%) scale(1) rotate(-8deg);opacity:0}}.tag span{display:block;white-space:nowrap;font-family:var(--display);font-size:18px;letter-spacing:.06em;padding:3px 10px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);animation:tagIn 1.4s ease forwards}.tag-y span{background:var(--you);color:var(--ink)}.tag-o span{background:var(--opp);color:#fff}.tag-w span{background:var(--paper);color:var(--ink)}@keyframes tagIn{0%{transform:translateY(10px) skew(-10deg) scale(.4);opacity:0}15%{transform:translateY(0) skew(-10deg) scale(1.1);opacity:1}25%{transform:skew(-10deg) scale(1)}85%{opacity:1}to{transform:translateY(-16px) skew(-10deg);opacity:0}}.dist-tag{display:flex}.dist-tag>*{position:static;transform:none}.dist-tag b,.dist-tag i{position:relative;display:inline-block;font-family:var(--display);font-weight:400;font-style:normal;font-size:14px;padding:2px 7px;white-space:nowrap;transform:translate(-50%,8px) skew(-10deg)}.dist-tag b{background:var(--ink);color:var(--paper)}.dist-tag i{background:var(--acc3);color:#fff;border:2px solid var(--ink);margin-left:-2px}.zone-tag span{display:grid;place-items:center;width:32px;height:32px;font-family:var(--display);font-size:20px;color:#fff;background:var(--acc3);border:3px solid var(--ink);transform:translateY(-26px) skew(-8deg);transition:transform .12s}.zone-tag.hot span{transform:translateY(-32px) skew(-8deg) scale(1.25);background:var(--ink)}#wipe{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden;visibility:hidden}#wipe.go{visibility:visible}#wipe i{position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-160%) skew(-18deg)}#wipe i:nth-child(1){background:var(--ink);width:140%}#wipe i:nth-child(2){background:var(--acc3);width:30%}#wipe i:nth-child(3){background:var(--paper);width:12%}#wipe.go i{animation:wipe .62s cubic-bezier(.7,0,.3,1) forwards}#wipe.go i:nth-child(2){animation-delay:.04s}#wipe.go i:nth-child(3){animation-delay:.08s}@keyframes wipe{0%{transform:translate(-160%) skew(-18deg)}45%,55%{transform:translate(40%) skew(-18deg)}to{transform:translate(260%) skew(-18deg)}}.btn{--sh: var(--acc)}.btn.alt{--sh: var(--ink)}.btn.hot{background:var(--acc2)}.icon-btn{box-shadow:3px 3px 0 var(--acc)}.stat .dot{background:var(--acc)}.logo .l2{color:var(--acc)}.disc-card:hover .dc-name,.disc-card:focus-visible .dc-name{background:var(--acc);color:var(--ink)}.dc-prog i,.progress i.on{background:var(--ok)}.sp-head:after{background:repeating-linear-gradient(-60deg,var(--acc) 0 6px,transparent 6px 18px)}.unit.done .u-node{background:var(--ok);color:var(--ink)}.unit.next .u-node{background:var(--ink);color:var(--acc)}.start-flag{background:var(--acc2)}.stars i.on,.res-stars i.on{background:var(--acc)}.weapon.on span{color:#0a9a62}.combo{background:var(--acc2)}.answer:hover:not(:disabled){box-shadow:6px 6px 0 var(--acc)}.answer.good{background:var(--ok);color:var(--ink)}.answer.good .k{background:var(--ink);color:var(--ok)}.slot.good{background:var(--ok);color:var(--ink)}.chip-btn:hover:not(:disabled){box-shadow:5px 5px 0 var(--acc)}.big-btn{background:var(--acc2)}.feedback.ok .fb-head{background:var(--ok);color:var(--ink)}.feedback.ko .fb-head{background:var(--acc2);color:#fff}.live.decide{background:var(--acc);color:var(--ink)}.live.ok{background:var(--ok);color:var(--ink)}.live.decide:before,.live.ok:before{background:var(--ink)}.tool{box-shadow:3px 3px 0 var(--acc)}.tool.on,.caption .n{background:var(--acc);color:var(--ink)}.tl-win{background:var(--ok)}.splash.ok{color:var(--acc)}.splash.ko{color:var(--acc2)}.rank{background:var(--acc);color:var(--ink)}.res-grid div:nth-child(1){background:#fff2b8}.res-grid div:nth-child(2){background:#c9f5e2}.res-grid div:nth-child(3){background:#ffd9c4}.res-grid div:nth-child(4){background:#e2d8ff}.dist-tag i,.zone-tag span{background:var(--acc);color:var(--ink)}#wipe i:nth-child(2){background:var(--acc)}#wipe i:nth-child(3){background:var(--acc3)}@media (max-width: 860px){:root{--panel-w: 100vw}.bg-word{font-size:40vw;top:8vh}.home .hero{left:22px;top:74px;right:18px}.home .topbar .stat i,.logo{font-size:19vw;margin-left:4vw}.tagline{font-size:15px;margin-top:10px}.disc-grid{left:14px;right:18px;bottom:16px;width:auto;gap:10px}.disc-card{padding:10px 12px}.dc-name{font-size:26px}.dc-tag{display:none}.pip{font-size:9px;padding:1px 4px}.side-panel{top:38vh;bottom:0;width:100%;border-right:0;border-top:var(--line) solid var(--ink)}.sp-title{font-size:34px;margin-top:8px}.sp-head:after{width:70px}.sp-tag{padding-right:50px}.lesson .q-panel{top:auto;height:56vh;width:100%;border-left:0;border-top:var(--line) solid var(--ink)}.lbar{position:fixed;top:0;left:0;right:0;padding:max(10px,env(safe-area-inset-top)) 12px 10px;z-index:5}.stage-ui{right:0;top:58px;bottom:56vh}.hud{left:10px;right:10px;top:6px;gap:8px}.pl-top b{font-size:14px}.pl-top small,.rnd em{display:none}.rnd b{font-size:11px;padding:1px 6px}.rnd span{font-size:15px;padding:0 6px}.bar{height:10px}.scene-tag{left:10px;top:50px}.live{font-size:12px}.live.decide{font-size:14px}.stage-tools{right:10px;top:48px}.tool{height:30px;font-size:12px;padding:0 8px}.caption{left:10px;bottom:18px;font-size:16px}.timeline{left:10px;right:10px;bottom:6px}.bt-frame{right:0;bottom:56vh;top:58px}.q-body{padding:14px 14px 18px}.q-text{font-size:21px;margin-bottom:12px}.answer{font-size:14px;padding:9px 10px;gap:10px}.answer .k{width:28px;height:28px;font-size:15px}.kbd-hint,.drag-hint{display:none}.splash{top:30%}.results .card{left:50%;top:auto;bottom:16px;transform:translate(-50%) rotate(-1.5deg)}.rank{width:90px;height:90px;font-size:60px;top:-30px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}