:root{font-family:Arial,Helvetica,sans-serif;color:#e2eee4;background:#0b1a1c;font-synthesis:none;--jade:#b2f5ba;--muted:#92aaa4;--ink:#0b1a1c;--line:rgba(176,215,192,.2)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--jade);outline-offset:6px}button{border:0}button:disabled{cursor:default}a{color:inherit}button[hidden],[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;outline:0;touch-action:none}.atmosphere{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,20,22,.89),rgba(6,20,22,.5) 32%,transparent 66%),linear-gradient(0deg,rgba(5,18,19,.85),transparent 25%,transparent 75%,rgba(5,18,19,.48));transition:opacity .8s}body[data-mode=playing] .atmosphere,body[data-mode=paused] .atmosphere,body[data-mode=victory] .atmosphere,body[data-mode=defeat] .atmosphere{background:linear-gradient(0deg,rgba(5,18,19,.85),transparent 27%,transparent 72%,rgba(5,18,19,.7))}.topbar{position:absolute;z-index:4;top:0;left:0;width:100%;padding:31px 44px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:15px;letter-spacing:4px;font-weight:600}.brand svg{width:35px;height:35px;fill:none;stroke:var(--jade);stroke-width:1}.brand small{display:block;margin-top:8px;letter-spacing:2.35px;font-size:8px;font-weight:400;color:#b5c7be}.top-actions{display:flex;align-items:center;gap:12px}.location{font-size:9px;letter-spacing:2px;margin-right:17px;color:#adc4bb}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(183,213,195,.25);border-radius:50%;background:#0a1d1d3d;font-family:Georgia,serif;font-size:16px;transition:background .2s,border-color .2s}.icon-button:hover{background:#24463e;border-color:#b2f5ba}.sound-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.4}.sound-button.muted{color:#688078}.sound-button.muted:after{content:"";height:21px;width:1px;background:currentColor;transform:rotate(-45deg);position:absolute}.only-game{display:none}.welcome{position:absolute;z-index:2;left:8%;top:22%;width:500px}.eyebrow{font-size:9px;letter-spacing:2.4px;line-height:1.6;font-weight:500;color:#bad4c3;margin:0 0 25px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:23px;height:1px;background:#c0dac5}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(55px,5.65vw,86px);line-height:1.035;letter-spacing:-3.5px;margin:0 0 27px;text-shadow:0 5px 28px #051b19}h1 em,h2 em{font-weight:400;color:#b9d5bd}.intro{font-family:Georgia,serif;font-size:18px;line-height:1.55;letter-spacing:.15px;margin:0 0 17px;color:#d9e4d8}.description{font-size:12px;line-height:1.8;color:#9eb3aa;letter-spacing:.15px;margin:0 0 29px}.primary-button{min-height:50px;background:#bee9bb;color:#112a20;padding:0 23px;letter-spacing:1.7px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;transition:background .2s,transform .2s;box-shadow:0 0 30px #7ac77814}.primary-button:hover{background:#e1f8d7;transform:translateY(-2px)}.primary-button span{font-size:22px;font-weight:400}.text-button{background:none;padding:12px 0;font-size:10px;letter-spacing:1px;border-bottom:1px solid #739181;margin-left:21px}.text-button span{padding-left:13px}.entry-details{display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:1.55px;color:#90a69b;margin-top:34px}.entry-details b{font-weight:400;color:#d4e3d3;padding-right:7px}.entry-details i{height:13px;width:1px;background:#4c695a}.hero-label{position:absolute;right:7%;top:36%;display:flex;flex-direction:column;align-items:center;gap:16px;color:#d6e9cf;opacity:.85;pointer-events:none}.kanji{font-family:Times New Roman,serif;writing-mode:vertical-rl;font-size:58px;letter-spacing:8px;font-weight:400}.hero-name{font-size:8px;letter-spacing:3px;writing-mode:vertical-rl}.fine-line{height:35px;width:1px;background:#8bab90}.hero-quote{font-family:Georgia,serif;font-style:italic;font-size:13px}.entry-footer{position:absolute;z-index:2;bottom:28px;left:44px;right:44px;display:flex;justify-content:space-between;color:#8ba399;font-size:8px;letter-spacing:1.55px}.entry-footer>span{display:flex;align-items:center}.entry-footer button{background:none;color:#8ba399;font-size:8px;letter-spacing:1.55px;padding:0}.entry-footer button:hover{color:#d2e4d4}.entry-footer button span{margin-left:9px}.live-dot{width:4px;height:4px;border-radius:50%;background:#b8e6b2;margin-right:8px;box-shadow:0 0 10px #bee4ad}.hud{position:absolute;inset:0;z-index:2;pointer-events:none}.hud button{pointer-events:auto}.vital-block{position:absolute;left:44px;top:135px;width:180px}.hud-caption{display:block;font-size:9px;letter-spacing:2px;color:#acc6b8}.hud-caption span{float:right;color:#e2f3dd;font-size:12px;letter-spacing:1px}.health-track{height:4px;background:#203c36;margin-top:11px;overflow:hidden}.health-track div{height:100%;background:#c1efb2;transition:width .2s}.vital-block small{display:block;color:#87ab97;font-size:7px;letter-spacing:1.5px;margin-top:10px}.opponent-block{position:absolute;left:50%;transform:translate(-50%);top:115px;text-align:center;width:300px}.trial-counter{font-size:9px;letter-spacing:2px;color:#78978b;margin-bottom:11px}.trial-counter>span:first-child{color:#ddedd8}.trial-counter .divider{margin:0 4px}.trial-dots{margin-left:15px;letter-spacing:7px;color:#bad4b5;font-size:7px}#round-name{font-family:Georgia,serif;font-size:23px;font-style:italic;letter-spacing:.1px}.enemy-track{height:2px;background:#4f493b;margin-top:14px}.enemy-track div{height:100%;background:#dfb999;transition:width .2s}.opponent-block small{display:block;letter-spacing:2px;font-size:7px;color:#b0b1a0;margin-top:9px}.score-block{position:absolute;right:44px;top:135px;text-align:right}.score-block strong{font-family:Georgia,serif;font-weight:400;font-size:28px;letter-spacing:3px;display:block;margin-top:7px}.score-block small{font-size:8px;letter-spacing:1.3px;color:#badbb9;display:block;margin-top:6px}.ability-dock{position:absolute;bottom:61px;left:50%;transform:translate(-50%);display:flex;gap:0;background:linear-gradient(0deg,#0d201ed9,#0d201e40);border-top:1px solid rgba(152,204,158,.28);border-bottom:1px solid rgba(152,204,158,.16);padding:16px 14px 13px}.ability{width:118px;display:flex;align-items:center;flex-direction:column;position:relative;background:transparent;border-right:1px solid rgba(152,204,158,.13);padding:0 7px}.ability:last-child{border:0}.ability-glyph,.ability-svg{height:30px;width:32px;display:block;margin-bottom:9px}.shuriken-glyph{font-size:36px;line-height:.85;text-align:center}.ability-svg{fill:none;stroke:#c3ddc5;stroke-width:1.3;stroke-linecap:round}.ability-name{font-size:8px;letter-spacing:1.15px;white-space:nowrap}.ability kbd{font-size:7px;letter-spacing:.5px;padding-top:8px;border:0;color:#8daa98}.ability-status{font-size:7px;letter-spacing:1px;color:#b4d7ac;margin-top:8px;white-space:nowrap}.ability.cooldown{opacity:.5}.ability:hover:not(:first-child){background:#81c8940d}.ultimate #charge-number{font-family:Georgia,serif;font-size:27px;line-height:30px;margin-bottom:9px;color:#c7e8ba}.ultimate #charge-number span{font-size:13px}.ultimate.ready{background:#7ed48e1f;box-shadow:0 0 24px #a6f78426}.ultimate.ready .ability-status{color:#e3ffcd}.keyboard-note{position:absolute;bottom:30px;display:flex;gap:25px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:7px;letter-spacing:1px;color:#8ea597}kbd{font-family:Arial,sans-serif;font-size:.86em;font-weight:400;color:#c3d5c5}.combat-hint{position:absolute;bottom:208px;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#d9dfbb;opacity:.9;text-shadow:0 2px 8px #08211a}.toast{position:absolute;z-index:3;top:29%;left:50%;transform:translate(-50%);pointer-events:none;text-align:center;opacity:0;transition:opacity .2s;width:400px;text-shadow:0 2px 14px #061c13}.toast.visible{opacity:1}.toast>span{display:block;font-size:15px;letter-spacing:4px;color:#d8f6c3}.toast small{display:block;font-family:Georgia,serif;font-style:italic;font-size:15px;color:#b8d5ac;margin-top:10px}#damage-flash{position:fixed;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 100px #fb471f80;opacity:0;transition:opacity .25s}#damage-flash.active{opacity:1}.modal{position:fixed;inset:0;background:#030f11ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;display:grid;place-items:center;padding:24px}.modal-panel{position:relative;background:linear-gradient(120deg,#182f29fa,#0a1c1cfc);border:1px solid #476350;max-width:710px;width:100%;padding:42px 46px;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 25px 100px #0000004d}.close-button{position:absolute;right:18px;top:13px;background:transparent;font-size:27px;color:#b9cbb9;line-height:1;padding:8px}.modal-panel .eyebrow{margin-bottom:17px}.modal-panel h2{font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1.07;letter-spacing:-1.1px;margin:0 0 22px}.modal-intro{font-family:Georgia,serif;font-size:15px;line-height:1.6;color:#b8cbbb;max-width:500px}.instruction-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 28px;margin:27px 0}.instruction-grid article{border-top:1px solid #3d594b;padding-top:12px}.instruction-grid article>span{font-size:8px;letter-spacing:1.5px;color:#cee3bc}.instruction-grid p{font-size:11px;line-height:1.65;color:#a8bdb0;margin:9px 0 0}.instruction-grid kbd,.instruction-bottom kbd{color:#deead8}.instruction-bottom{display:flex;gap:26px;font-size:9px;color:#89a694;line-height:1.7;border-top:1px solid #3d594b;padding-top:17px}.instruction-bottom span{flex:1}.modal-actions{margin-top:28px}.pause-stats{display:flex;gap:70px;margin:36px 0 40px;font-size:9px;letter-spacing:2px;color:#9db8a2}.pause-stats b{display:block;font-family:Georgia,serif;font-weight:400;font-size:33px;color:#d8e7cf;margin-top:10px}.result-score{margin:28px 0 30px}.result-score>span{font-size:9px;letter-spacing:3px;color:#a9c9a8}.result-score strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:60px;letter-spacing:5px;color:#e1f4cf;margin-top:7px}.result-score small{font-size:8px;letter-spacing:2px;color:#afd590}.result-stats{display:flex;gap:30px;border-top:1px solid #3d594b;padding-top:20px}.result-stats span{flex:1;font-size:8px;letter-spacing:1px;color:#a4b9a5}.result-stats b{display:block;margin-top:9px;font-family:Georgia,serif;font-size:23px;font-weight:400;color:#dae8d3}#reference-content p:not(.modal-intro){font-size:12px;color:#a9c0af;line-height:1.8}.reference-note{font-size:10px!important}.touch-controls{display:none}.loading{position:fixed;inset:0;background:#0b1a1c;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:9px;letter-spacing:3px;color:#c3dfbc;transition:opacity .6s}.loading-symbol{font-size:44px;animation:turn 4s infinite linear}@keyframes turn{to{transform:rotate(360deg)}}@media(min-width:1600px){.welcome{top:24%;left:10%}.hero-label{right:10%}}@media(max-height:760px)and (min-width:701px){.welcome{top:20%}h1{font-size:61px;margin-bottom:20px}.eyebrow{margin-bottom:19px}.intro{font-size:16px;margin-bottom:12px}.description{margin-bottom:18px}.entry-details{margin-top:23px}.ability-dock{bottom:49px;padding:11px}.combat-hint{bottom:183px}.keyboard-note{bottom:23px}.opponent-block{top:100px}}@media(max-width:1000px)and (min-width:701px){.welcome{left:6%;width:390px}h1{font-size:62px}.hero-label{right:4%}.location{display:none}.topbar{padding:26px 30px}.vital-block{left:30px;width:140px}.score-block{right:30px}.opponent-block{width:240px}}@media(max-width:700px){.topbar{padding:23px 21px}.brand{font-size:12px;letter-spacing:3px;gap:10px}.brand svg{width:28px;height:28px}.brand small{font-size:6px;letter-spacing:1.7px;margin-top:6px}.top-actions{gap:8px}.icon-button{width:31px;height:31px}.location{display:none}.atmosphere{background:linear-gradient(90deg,#0614169e,#06141608 90%),linear-gradient(0deg,rgba(5,18,19,.92),transparent 38%,transparent 60%,rgba(5,18,19,.32))}.welcome{left:25px;top:125px;width:calc(100% - 50px)}.eyebrow{font-size:6.5px;letter-spacing:1.6px;margin-bottom:16px}.eyebrow>span{width:17px}h1{font-size:54px;letter-spacing:-2.5px;line-height:1.02;margin-bottom:15px}.intro{font-size:13px;line-height:1.5;max-width:180px;margin-bottom:12px}.description{font-size:10px;max-width:185px;line-height:1.7;margin-bottom:22px}.desktop{display:none}.welcome>.primary-button{position:fixed;bottom:110px;left:25px;right:25px;width:calc(100% - 50px);height:49px}.welcome>.text-button{position:fixed;bottom:65px;left:50%;transform:translate(-50%);margin:0;font-size:9px;padding:7px 0}.entry-details{position:fixed;bottom:178px;left:25px;font-size:6.5px;letter-spacing:1px;gap:12px}.hero-label{right:25px;top:45%;gap:12px}.kanji{font-size:32px;letter-spacing:5px}.hero-name{font-size:6px;letter-spacing:1.8px}.fine-line{height:24px}.hero-quote{display:none}.entry-footer{bottom:23px;left:25px;right:25px;font-size:6px;letter-spacing:.8px}.entry-footer button{font-size:6px;letter-spacing:.7px}.entry-footer>span:first-child{display:none}.entry-footer button span{margin-left:2px}.vital-block{top:97px;left:20px;width:108px}.hud-caption{font-size:7px;letter-spacing:1.5px}.hud-caption span{font-size:10px}.health-track{margin-top:8px;height:3px}.vital-block small{font-size:5px;letter-spacing:1px}.score-block{top:96px;right:20px}.score-block strong{font-size:21px;letter-spacing:2px;margin-top:6px}.score-block small{font-size:6px;margin-top:4px;letter-spacing:.7px}.opponent-block{top:162px;width:230px}.trial-counter{font-size:8px;margin-bottom:6px}#round-name{font-size:20px}.enemy-track{margin-top:9px}.opponent-block small{font-size:6px;margin-top:7px}.ability-dock{bottom:191px;left:20px;right:20px;transform:none;padding:9px 0;justify-content:space-around;background:#05171780}.ability{width:25%;padding:0 3px}.ability-glyph,.ability-svg{height:19px;width:23px;margin-bottom:6px}.shuriken-glyph{font-size:24px}.ability-name{font-size:6px;letter-spacing:.6px}.ability kbd{display:none}.ability-status{font-size:5.5px;letter-spacing:.7px;margin-top:5px}.ultimate #charge-number{font-size:20px;line-height:19px;margin-bottom:6px}.ultimate #charge-number span{font-size:10px}.combat-hint{bottom:272px;font-size:6px;letter-spacing:1.3px}.keyboard-note{display:none}.touch-controls{display:flex;position:absolute;bottom:max(23px,env(safe-area-inset-bottom));left:19px;right:19px;justify-content:space-between;align-items:center;pointer-events:none}.dpad{display:grid;grid-template-columns:43px 43px 43px;grid-template-rows:43px 43px 43px;gap:3px}.dpad button{border:1px solid #627e68;background:#091f1dbf;font-size:20px;color:#c9e0bc;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px}.dpad button:active,.touch-actions button:active{background:#3a6250}.dpad [data-direction=up]{grid-column:2;grid-row:1}.dpad [data-direction=left]{grid-column:1;grid-row:2}.dpad [data-direction=right]{grid-column:3;grid-row:2}.dpad [data-direction=down]{grid-column:2;grid-row:3}.dpad-center{grid-column:2;grid-row:2;display:grid;place-items:center;color:#6f9079;font-size:21px}.touch-actions{display:grid;grid-template-columns:60px 60px;gap:8px}.touch-actions button{border-radius:50%;border:1px solid #728e73;background:#08211cc2;width:59px;height:59px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:20px;color:#cfe9ba;touch-action:none;-webkit-user-select:none;user-select:none}.touch-actions small{font-size:6px;letter-spacing:.7px}.touch-actions .touch-fire{background:#79ac7638;border-color:#c0e3a8}.touch-actions .ready{box-shadow:0 0 25px #c5f67e4d;border-color:#c9fa9b}.toast{top:33%;width:calc(100% - 24px)}.toast>span{font-size:11px;letter-spacing:2px}.toast small{font-size:12px}.modal{padding:14px}.modal-panel{padding:28px 25px;max-height:calc(100dvh - 28px)}.modal-panel h2{font-size:34px;margin-bottom:17px}.modal-panel .eyebrow{font-size:8px}.modal-intro{font-size:13px}.instruction-grid{gap:18px 20px;margin:22px 0}.instruction-grid article>span{font-size:7px;letter-spacing:.7px}.instruction-grid p{font-size:10px;line-height:1.6}.instruction-bottom{flex-direction:column;gap:10px;font-size:9px}.modal-actions{margin-top:22px}.modal-actions .primary-button{width:100%;font-size:9px}.modal-actions .text-button{margin:10px 0 0}.result-score strong{font-size:47px}.result-stats{gap:10px}.result-stats span{font-size:6px;line-height:1.5}.result-stats b{font-size:20px}.close-button{top:8px;right:8px}.pause-stats{gap:40px}}@media(max-width:700px)and (max-height:740px){.welcome{top:101px}h1{font-size:45px}.intro{font-size:12px}.description{font-size:9px;max-width:165px}.welcome>.primary-button{bottom:90px}.welcome>.text-button{bottom:48px}.entry-details{bottom:155px}.entry-footer{bottom:16px}.hero-label{top:42%}.ability-dock{bottom:163px}.touch-controls{bottom:14px}.combat-hint{bottom:241px}.dpad{grid-template-columns:38px 38px 38px;grid-template-rows:38px 38px 38px}.touch-actions button{width:53px;height:53px}.touch-actions{grid-template-columns:53px 53px}.opponent-block{top:146px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loading-symbol{animation:none}.primary-button{transition:none}}.modal-panel:focus{outline:none}