:root{--ink:#0a0c12;--ink-2:#131722;--paper:#e8e2d4;--lacquer:#c8232c;--lacquer-dim:#7a1219;--gold:#d4a94a;--moon:#9fc4e8;--chakra:#4fc3f7;--jade:#57c98a;--font-jp:"Hiragino Mincho ProN", "Yu Mincho", "MS Mincho", serif;--font-ui:"Helvetica Neue", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-ui);color:var(--paper);user-select:none;-webkit-font-smoothing:antialiased;background:#05070c;overflow:hidden}#viewport{width:100vw;height:100vh;display:block}.hidden{display:none!important}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}.vitals{flex-direction:column;gap:11px;width:288px;display:flex;position:absolute;bottom:34px;left:34px}.bar-group{flex-direction:column;gap:5px;display:flex}.bar-label{font-family:var(--font-jp);letter-spacing:3px;color:#e8e2d48c;text-shadow:0 2px 6px #000;align-items:baseline;gap:9px;font-size:13px;display:flex}.bar-label span{font-family:var(--font-ui);letter-spacing:2.4px;color:#e8e2d452;font-size:9px}.bar{background:#06080ebf;border:1px solid #e8e2d429;height:9px;position:relative;overflow:hidden;box-shadow:0 3px 14px #0009,inset 0 0 10px #000000d9}.bar:after{content:"";pointer-events:none;background:linear-gradient(#ffffff2e,#0000 55%);position:absolute;inset:0}.bar .fill{transform-origin:0;width:100%;height:100%;transition:width .18s cubic-bezier(.2,.8,.3,1)}.bar-hp .fill{background:linear-gradient(90deg, var(--lacquer-dim), var(--lacquer) 55%, #f04a52);box-shadow:0 0 16px #c8232cbf}.bar-chakra .fill{background:linear-gradient(90deg, #1565a0, var(--chakra) 60%, #a5e9ff);box-shadow:0 0 16px #4fc3f7bf}.combo-display{text-align:right;opacity:0;transition:opacity .2s,transform .2s cubic-bezier(.2,.9,.3,1.4);position:absolute;top:50%;right:42px;transform:translateY(-50%)translate(24px)}.combo-display.active{opacity:1;transform:translateY(-50%)translate(0)}.combo-count{letter-spacing:-2px;color:var(--paper);text-shadow:0 0 26px #d4a94a8c,0 4px 18px #000;font-size:62px;font-weight:200;line-height:.9}.combo-count em{letter-spacing:5px;color:var(--gold);vertical-align:super;margin-left:8px;font-size:15px;font-style:normal}.combo-rank{font-family:var(--font-jp);color:var(--gold);letter-spacing:2px;text-shadow:0 0 22px #d4a94ab3;margin-top:2px;font-size:40px}.combo-display.punch .combo-count{animation:.24s ease-out comboPunch}@keyframes comboPunch{0%{text-shadow:0 0 44px #d4a94af2,0 4px 18px #000;transform:scale(1.32)}to{transform:scale(1)}}.score-panel{text-align:right;flex-direction:column;gap:7px;display:flex;position:absolute;top:30px;right:34px}.score-row{justify-content:flex-end;align-items:baseline;gap:12px;display:flex}.score-row label{letter-spacing:2.6px;color:#e8e2d45c;font-size:9px}.score-row b{text-align:right;min-width:68px;color:var(--paper);text-shadow:0 2px 10px #000;font-variant-numeric:tabular-nums;font-size:21px;font-weight:300}.jutsu-bar{gap:11px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.jutsu-slot{background:#080a11b8;border:1px solid #e8e2d426;place-items:center;width:62px;height:62px;transition:border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 5px 20px #0009}.jutsu-slot .glyph{font-family:var(--font-jp);color:var(--paper);text-shadow:0 0 14px;font-size:27px;transition:opacity .2s}.jutsu-slot .key{letter-spacing:1px;color:#e8e2d473;font-size:9px;position:absolute;top:3px;left:5px}.jutsu-slot .cost{color:var(--chakra);opacity:.75;font-size:9px;position:absolute;bottom:3px;right:5px}.jutsu-slot .cooldown{transform-origin:bottom;pointer-events:none;background:#04060bd1;position:absolute;inset:0;transform:scaleY(0)}.jutsu-slot.ready{border-color:#d4a94a80}.jutsu-slot.ready:not(.starved){box-shadow:0 5px 20px #0009,0 0 18px #d4a94a33}.jutsu-slot.starved .glyph{opacity:.28}.jutsu-slot.fired{animation:.4s ease-out jutsuFire}@keyframes jutsuFire{0%{border-color:#fff;box-shadow:0 0 #4fc3f7e6}to{box-shadow:0 0 0 22px #4fc3f700}}.crosshair{background:#e8e2d49e;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;transition:transform .12s,background .12s;position:absolute;top:50%;left:50%;box-shadow:0 0 7px #000000e6}.crosshair.attacking{background:var(--lacquer);transform:scale(2.1)}.crosshair.parrying{background:var(--moon);transform:scale(2.6)}.lockon-marker{border:1px solid var(--lacquer);border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;animation:1.6s ease-in-out infinite lockPulse;position:absolute;box-shadow:0 0 14px #c8232ca6,inset 0 0 14px #c8232c59}.lockon-marker:before,.lockon-marker:after{content:"";background:var(--lacquer);position:absolute}.lockon-marker:before{width:1px;height:7px;top:-7px;left:50%}.lockon-marker:after{width:1px;height:7px;bottom:-7px;left:50%}@keyframes lockPulse{0%,to{opacity:.9;transform:rotate(0)scale(1)}50%{opacity:.55;transform:rotate(180deg)scale(1.1)}}.state-tag{letter-spacing:5px;color:var(--gold);text-shadow:0 0 14px #d4a94a99,0 2px 8px #000;opacity:0;font-size:11px;transition:opacity .16s;position:absolute;bottom:116px;left:50%;transform:translate(-50%)}.state-tag.on{opacity:.92}.toast-stack{flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;top:21%;left:50%;transform:translate(-50%)}.toast{font-family:var(--font-jp);letter-spacing:3px;color:var(--paper);text-shadow:0 0 20px,0 3px 12px #000;white-space:nowrap;font-size:24px;animation:1.5s cubic-bezier(.15,.85,.3,1) forwards toastIn}.toast small{font-family:var(--font-ui);letter-spacing:3.5px;opacity:.65;text-align:center;margin-top:3px;font-size:10px;display:block}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.9)}14%{opacity:1;transform:translateY(0)scale(1)}72%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.damage-vignette{opacity:0;background:radial-gradient(#0000 42%,#8c0c14d9 100%);transition:opacity .45s ease-out;position:absolute;inset:0}.damage-vignette.hit{opacity:1;transition:opacity 50ms}.parry-flash{opacity:0;mix-blend-mode:screen;background:radial-gradient(#c8e6ff80 0%,#0000 58%);position:absolute;inset:0}.parry-flash.on{animation:.32s ease-out parryPop}@keyframes parryPop{0%{opacity:1}to{opacity:0}}#menu,#gameover,#pause{z-index:30;place-items:center;display:grid;position:fixed;inset:0}#pause{pointer-events:none}.menu-bg{backdrop-filter:blur(7px);background:radial-gradient(70% 55% at 50% 0,#c8232c24,#0000 70%),radial-gradient(90% 70% at 50% 100%,#14285066,#0000 70%),linear-gradient(#05070cf0,#05070cf7);position:absolute;inset:0}.menu-inner,.go-inner,.pause-inner{text-align:center;max-width:780px;padding:40px;position:relative}.title{margin-bottom:14px;line-height:1}.title .kanji{font-family:var(--font-jp);letter-spacing:12px;color:var(--lacquer);text-shadow:0 0 44px #c8232c99,0 0 90px #c8232c4d;margin-bottom:8px;font-size:76px;display:block}.title .latin{letter-spacing:15px;color:var(--paper);opacity:.85;padding-left:15px;font-size:17px;font-weight:300;display:block}.tagline{letter-spacing:3.4px;color:#e8e2d46b;margin-bottom:38px;font-size:12px}.controls-grid{text-align:left;grid-template-columns:1fr 1fr;gap:34px;margin-bottom:26px;display:grid}.ctrl-col h3{letter-spacing:4px;color:var(--gold);border-bottom:1px solid #d4a94a38;margin-bottom:11px;padding-bottom:8px;font-size:10px;font-weight:500}.ctrl{color:#e8e2d4b8;align-items:center;gap:11px;margin-bottom:7px;font-size:12px;display:flex}.ctrl kbd{font-family:var(--font-ui);letter-spacing:1.2px;text-align:center;min-width:84px;color:var(--paper);background:#e8e2d412;border:1px solid #e8e2d42e;border-radius:2px;padding:4px 8px;font-size:9.5px}.jutsu-legend{text-align:left;border-top:1px solid #e8e2d41a;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:7px 20px;margin-bottom:34px;padding-top:20px;display:grid}.jl{color:#e8e2d48c;font-size:11px}.jl b{width:17px;height:17px;color:var(--paper);vertical-align:middle;background:#c8232c33;border:1px solid #c8232c80;place-items:center;margin-right:8px;font-size:9.5px;font-weight:500;display:inline-grid}button{font-family:var(--font-ui);letter-spacing:6px;color:var(--paper);border:1px solid var(--lacquer);cursor:pointer;background:0 0;padding:15px 52px;font-size:12px;font-weight:400;transition:color .28s,letter-spacing .28s,box-shadow .28s;position:relative;overflow:hidden}button:before{content:"";background:var(--lacquer);transform-origin:0;z-index:-1;transition:transform .32s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scaleX(0)}button:hover{letter-spacing:8px;box-shadow:0 0 34px #c8232c73}button:hover:before{transform:scaleX(1)}button:active{transform:translateY(1px)}.hint{letter-spacing:2.2px;color:#e8e2d442;margin-top:18px;font-size:10px}.go-title{font-family:var(--font-jp);color:var(--lacquer);text-shadow:0 0 60px #c8232c8c;font-size:128px;line-height:1}.go-sub{letter-spacing:6px;color:#e8e2d46b;margin:6px 0 42px;font-size:12px}.go-stats{grid-template-columns:repeat(4,1fr);gap:26px;margin-bottom:44px;display:grid}.go-stats div{text-align:center}.go-stats label{letter-spacing:2.6px;color:#e8e2d457;margin-bottom:7px;font-size:9px;display:block}.go-stats b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:33px;font-weight:200}.pause-inner h2{letter-spacing:11px;margin-bottom:12px;font-size:20px;font-weight:300}.pause-inner p{letter-spacing:3px;color:#e8e2d466;font-size:11px}#loading{z-index:50;background:#05070c;align-content:center;place-items:center;gap:22px;transition:opacity .6s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.loader-kanji{font-family:var(--font-jp);color:var(--lacquer);text-shadow:0 0 44px #c8232c99;font-size:84px;animation:2.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.loader-text{letter-spacing:4px;color:#e8e2d459;font-size:10px}@media (width<=720px){.controls-grid{grid-template-columns:1fr;gap:18px}.title .kanji{font-size:52px}.go-stats{grid-template-columns:repeat(2,1fr)}}