@font-face{font-family:Russo;src:url('fonts/russo-one.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}
:root{color-scheme:dark;--ink:#10191d;--paper:#eceae3;--muted:#a3b0b4;--red:#c63d39;--cyan:#72c7d9;--line:#81969d55;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0c1317}body,button,a{font-family:Russo,Arial,sans-serif;font-weight:400}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{cursor:wait}a{text-decoration:none;color:inherit}[hidden]{display:none!important}#game{width:100%;height:100%;height:100dvh;position:relative;color:var(--paper);overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none}#world{position:absolute;inset:0;width:100%;height:100%;outline:0;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#061017a8 0,transparent 27%,transparent 65%,#061017b3 100%)}.brand{position:absolute;top:calc(26px + var(--safe-top));left:4.5%;z-index:12;display:flex;align-items:center;gap:12px;line-height:1}.brand strong{font-weight:400;font-size:23px;letter-spacing:-1.4px}.brand i{font-style:normal;color:#8b9c9d;font-size:17px}.brand span{font-size:10px;letter-spacing:1.8px;color:#bec7c7}.utilities{position:absolute;right:3%;top:calc(20px + var(--safe-top));display:flex;gap:7px;z-index:15}.icon-button{width:38px;height:38px;background:#071116b0;border:1px solid var(--line);display:grid;place-items:center;font-size:19px}.icon-button:hover{background:#233239}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-button.muted{color:#c66e65}
.screen{position:absolute;inset:0;z-index:10}.main-menu{background:linear-gradient(90deg,#081218f0 0,#081218ca 27%,#08121825 62%,transparent 78%);display:flex;align-items:center;padding:85px 8% 56px}.main-copy{width:min(520px,48%);max-height:100%}.eyebrow{font-size:11px;letter-spacing:3px;line-height:1.6;color:#b6c9cc;margin:0 0 22px;display:flex;align-items:center;gap:12px}.eyebrow>span{display:block;width:25px;height:2px;background:var(--red)}h1{font-size:clamp(57px,7.5vw,118px);font-weight:400;letter-spacing:-.065em;line-height:.9;margin:0;text-shadow:0 3px 0 #0004}h1>span{display:block}.war-line{display:flex;align-items:center;gap:.13em}h1 small{font-size:.33em;letter-spacing:-.03em;color:#b6c1c1}.genre{font-size:clamp(18px,2vw,28px);letter-spacing:.38em;color:#d65248;margin:19px 0 26px}.intro{font-size:15px;line-height:1.7;color:#c2cdce;margin:0 0 26px}.main-actions{display:flex;flex-direction:column;gap:10px;width:min(335px,100%)}.button{min-height:48px;padding:14px 19px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;letter-spacing:1.5px;border:1px solid #a3b4b360;background:#13252ccb;text-align:left;position:relative;transition:background .15s,transform .15s;color:var(--paper)}.button:hover{background:#293f46}.button:active{transform:translateY(1px)}.button b{font-size:20px;font-weight:400}.button.primary{background:var(--red);border-color:#e2776e}.button.primary:hover{background:#d34a43}.button.primary:disabled{background:linear-gradient(90deg,#8f302e var(--load,0%),#2b2226 var(--load,0%));border-color:#a55148;color:#dcbab4}.secondary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px}.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:0;background:transparent;padding:8px 0;color:#bfcacc;letter-spacing:1.7px;font-size:11px;line-height:1.4;text-align:left}.text-button:hover,.text-button:focus-visible{color:white;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.chapter-stamp{position:absolute;bottom:6.7%;right:5%;display:flex;gap:20px;align-items:center;text-shadow:0 2px 5px #000}.chapter-stamp span{font-size:10px;letter-spacing:1.5px;color:#b3c1c4}.chapter-stamp strong{font-size:18px;letter-spacing:2px;font-weight:400}.loading-error{font-size:12px;color:#ffbfa5;max-width:350px}
.hud{position:absolute;inset:0;pointer-events:none;z-index:5;padding:25px 3%;background:linear-gradient(180deg,#0610169c,transparent 180px)}.player-status{position:absolute;left:3%;top:calc(25px + var(--safe-top));width:250px}.status-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:9px}.status-heading strong{font-size:14px;font-weight:400}.status-heading>span{font-size:11px;color:#b5c5c8}.health-track{height:9px;border:1px solid #95b1b142;padding:1px;background:#020a0dbf}.health-track>div{height:100%;background:#7ac3d0;width:100%;transition:width .15s,background .15s}.fury-line{display:flex;gap:9px;align-items:center;margin-top:8px}.fury-line>span,.fury-line>b{font-size:8px;letter-spacing:1px;font-weight:400;color:#b5c5c8}.fury-track{flex:1;background:#132228;height:4px}.fury-track>div{background:#d64f42;height:100%}.fury-line>b{color:#e18773}.ammo-line{display:flex;align-items:baseline;gap:9px;margin-top:17px}.ammo-line>span{font-size:10px;letter-spacing:1px;color:#b5c5c8}.ammo-line>b{font-size:23px;font-weight:400}.ammo-line #reserve-value{font-size:12px}.ammo-line button{pointer-events:auto;background:#1323289c;border:1px solid var(--line);width:28px;height:28px;font-size:11px}#reload-ui{width:235px;margin-top:8px}#reload-label{font-size:8px;color:#bed5d9}.reload-track{height:9px;border:1px solid #83aab0;background:#14232b;position:relative;margin-top:5px}.reload-track i{position:absolute;left:47%;width:16%;height:100%;background:#e7f8ef}.reload-track b{position:absolute;width:3px;height:13px;top:-3px;left:0;background:#ed6452}.mission-status{position:absolute;left:50%;transform:translateX(-50%);top:calc(25px + var(--safe-top));width:38%;text-align:center}.mission-status>span{font-size:9px;letter-spacing:1.5px;color:#aebfc5}.mission-status>strong{display:block;font-size:17px;letter-spacing:1.3px;font-weight:400;margin:9px 0}.mission-status>p{font-size:10px;letter-spacing:1px;color:#b3c8cb;margin:0}.score-status{position:absolute;right:calc(3% + 148px);top:calc(26px + var(--safe-top));text-align:right}.score-status>span{font-size:9px;letter-spacing:2px;color:#b4c3c5}.score-status>strong{display:block;font-size:23px;font-weight:400;margin-top:8px}.score-status>p{font-size:11px;color:#eea47b;margin-top:7px}#boss-hud{position:absolute;top:125px;left:50%;width:32%;transform:translateX(-50%);text-align:center}#boss-label{font-size:10px;letter-spacing:2px;color:#e1aba1}#boss-hud>div{height:7px;border:1px solid #b7766b66;background:#130b0c;margin-top:7px;padding:1px}#boss-fill{display:block;height:100%;background:var(--red)}#notice{position:absolute;left:50%;top:24%;transform:translateX(-50%);z-index:6;text-align:center;font-size:15px;letter-spacing:2px;color:#efe1c7;text-shadow:0 2px 4px #000;pointer-events:none;white-space:pre-line;opacity:0;transition:opacity .2s;max-width:90%;line-height:1.6}#notice.show{opacity:1}#keyboard-guide{position:absolute;left:0;bottom:21px;width:100%;display:flex;justify-content:center;gap:19px;z-index:6;pointer-events:none;font-size:9px;color:#b8c6c7;letter-spacing:.8px}kbd{font-family:inherit;border:1px solid #96b0b34a;background:#0a161aaa;padding:4px 5px;margin-right:4px;color:#dce5e4}
.overlay{background:linear-gradient(90deg,#071218e8,#071218af 55%,#07121865);display:flex;align-items:center;justify-content:center;padding:90px 6% 45px}.menu-panel{width:min(790px,100%);position:relative}.menu-panel>.eyebrow{color:#d05e52;margin-bottom:13px}h2{font-size:clamp(29px,4.5vw,60px);line-height:1.05;letter-spacing:-1.5px;font-weight:400;margin:0 0 23px}.panel-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.panel-actions>.button{min-width:180px;flex:1;justify-content:center}.panel-actions>.secondary-actions{flex:0 0 100%;justify-content:center}.menu-panel p{font-size:14px;line-height:1.75;color:#c8d3d5;max-width:680px}.menu-panel .stats{display:flex;gap:45px;margin:25px 0}.stats span{font-size:10px;color:#99afb6;letter-spacing:2px}.stats strong{font-size:30px;display:block;color:#f4e7d6;font-weight:400;margin-top:6px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px}.control-row{display:flex;gap:14px;align-items:center;border-bottom:1px solid #8aabad24;padding:9px 0}.control-row kbd{min-width:66px;text-align:center;padding:9px 7px;font-size:12px}.control-row strong{font-size:12px;font-weight:400;display:block}.control-row small{font-size:10px;color:#92a9b1;line-height:1.7;display:block;margin-top:3px}.help-tip{border-left:2px solid var(--red);padding-left:13px;font-size:12px!important;margin-bottom:0}.chapters-mini{display:flex;gap:5px;margin:18px 0}.chapters-mini span{flex:1;border-top:3px solid #283b41;padding:8px 3px;font-size:9px;color:#758e97}.chapters-mini .done{border-color:#66b8ca;color:#c3e1e5}.chapters-mini .active{border-color:var(--red);color:#f4d9cf}#chapter-transition{position:absolute;inset:0;background:#081013;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;opacity:0;transition:opacity .6s;text-align:center;padding:25px}#chapter-transition.visible{opacity:1}#transition-kicker{font-size:12px;letter-spacing:4px;color:#d16459;margin-bottom:20px}#transition-name{font-size:clamp(27px,5vw,60px);font-weight:400}#chapter-transition p{font-size:10px;letter-spacing:2px;color:#94a7ad;margin-top:24px}
#touch-controls{position:absolute;inset:0;pointer-events:none;z-index:8;touch-action:none}#stick{position:absolute;pointer-events:auto;left:max(24px,env(safe-area-inset-left));bottom:calc(25px + var(--safe-bottom));width:112px;height:112px;border:1px solid #d6e7e45c;border-radius:50%;background:#08182165;touch-action:none}#stick:before,#stick:after{content:'';position:absolute;background:#bfd3d127;left:50%;top:12%;width:1px;height:76%}#stick:after{transform:rotate(90deg)}#stick-knob{position:absolute;width:47px;height:47px;background:#91b9c063;border:1px solid #d4eeee8a;border-radius:50%;left:32px;top:32px}#stick>span{position:absolute;bottom:10px;text-align:center;width:100%;font-size:7px;letter-spacing:1px;color:#a7c0c6}.touch-actions{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:calc(21px + var(--safe-bottom));display:grid;grid-template-columns:60px 72px;grid-template-rows:53px 62px;gap:8px;align-items:center;justify-items:center}.touch-action{pointer-events:auto;border:1px solid #93b8c384;background:#0e2734b3;border-radius:50%;width:57px;height:57px;font-size:9px;letter-spacing:.3px;touch-action:none}.touch-action.strike{width:70px;height:70px;background:#a43330c7;border-color:#e27d70}.touch-action.saw{background:#6c3829bd}.touch-action.small{width:48px;height:48px;font-size:8px}.touch-action.pressed{background:#9cbdc4bb}.touch-action.strike.pressed{background:#e74d40}
@media(max-width:1050px){.main-menu{padding-left:6%}.main-copy{width:50%}h1{font-size:clamp(60px,8.6vw,91px)}.intro{font-size:13px}.score-status{right:calc(3% + 142px)}.player-status{width:215px}.mission-status{width:35%}.mission-status>strong{font-size:13px}.status-heading strong{font-size:12px}.score-status>strong{font-size:18px}.brand strong{font-size:21px}.genre{margin-bottom:22px}.main-actions{max-width:300px}.main-menu .eyebrow{font-size:9px;letter-spacing:2px}}
@media(max-width:700px){.brand{top:calc(20px + var(--safe-top));left:5%;gap:8px}.brand strong{font-size:20px}.brand span{font-size:8px;letter-spacing:1px}.utilities{top:calc(15px + var(--safe-top));right:4%;gap:5px}.icon-button{width:32px;height:32px}.main-menu{padding:85px 7% 60px}.main-copy{width:80%;align-self:center}.main-menu h1{font-size:clamp(61px,13vw,87px)}.main-menu .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:19px}.genre{font-size:18px;margin:17px 0 20px;letter-spacing:.3em}.intro{font-size:12px;margin-bottom:20px}.main-actions{width:245px}.button{min-height:45px;font-size:11px;padding:12px 15px}.chapter-stamp{right:7%;bottom:26px;gap:10px}.chapter-stamp strong{font-size:12px;letter-spacing:1px}.chapter-stamp span{font-size:8px;letter-spacing:1px}.hud{padding:18px 4%}.player-status{left:4%;top:calc(18px + var(--safe-top));width:190px}.status-heading strong{font-size:11px}.status-heading>span{font-size:9px}.fury-line>span,.fury-line>b{font-size:7px}.mission-status{top:calc(110px + var(--safe-top));width:90%}.mission-status>span{font-size:8px}.mission-status>strong{font-size:14px;margin:6px 0}.mission-status>p{font-size:9px}.score-status{top:calc(65px + var(--safe-top));right:4%}.score-status>span{font-size:7px}.score-status>strong{font-size:15px;margin-top:4px}.score-status>p{font-size:9px}.ammo-line{margin-top:11px}.ammo-line>b{font-size:20px}.ammo-line>span{font-size:9px}#reload-ui{position:absolute;top:160px;width:190px}#reload-label{font-size:7px}#boss-hud{top:185px;width:70%}#notice{top:29%;font-size:12px;letter-spacing:1px}#keyboard-guide{display:none!important}.overlay{padding:80px 7% 36px;align-items:center}.menu-panel>.eyebrow{font-size:9px;letter-spacing:2px}.menu-panel h2{font-size:32px;margin-bottom:19px}.menu-panel p{font-size:12px}.controls-grid{grid-template-columns:1fr;gap:3px}.control-row{padding:6px 0;gap:12px}.control-row kbd{padding:6px;font-size:10px}.control-row strong{font-size:11px}.control-row small{font-size:9px;margin-top:2px}.help-tip{font-size:10px!important;line-height:1.65!important}.panel-actions{margin-top:20px;gap:8px}.panel-actions>.button{min-width:120px;font-size:10px}.menu-panel .stats{gap:28px;margin:20px 0}.stats strong{font-size:26px}.stats span{font-size:8px}.chapters-mini span{font-size:7px}}
@media(max-height:570px) and (min-width:600px){.brand{top:16px;left:4%}.brand strong{font-size:18px}.brand span{font-size:8px}.utilities{top:12px}.icon-button{width:30px;height:30px}.main-menu{padding:65px 7% 20px}.main-copy{width:47%}h1,.main-menu h1{font-size:clamp(48px,13vh,74px)}.main-menu .eyebrow{margin-bottom:12px;font-size:8px}.genre{margin:10px 0 14px;font-size:16px}.intro{font-size:11px;margin:0 0 15px}.main-actions{gap:6px;width:min(300px,100%)}.button{min-height:35px;padding:8px 13px;font-size:10px}.button b{font-size:15px}.text-button{font-size:10px;padding:6px 0;min-height:36px;letter-spacing:1px}.secondary-actions{column-gap:20px}.chapter-stamp{bottom:23px}.chapter-stamp strong{font-size:12px}.chapter-stamp span{font-size:8px}.player-status{top:14px;width:180px}.status-heading{margin-bottom:6px}.status-heading strong{font-size:10px}.status-heading>span{font-size:8px}.health-track{height:7px}.fury-line{margin-top:5px}.ammo-line{margin-top:9px}.ammo-line>b{font-size:18px}.mission-status{top:16px}.mission-status>span{font-size:8px}.mission-status>strong{font-size:12px;margin:6px 0}.mission-status>p{font-size:8px}.score-status{top:17px;right:calc(3% + 112px)}.score-status>strong{font-size:16px;margin-top:6px}.score-status>span{font-size:7px}#boss-hud{top:82px;width:30%}#boss-label{font-size:8px}#notice{top:27%;font-size:12px}#keyboard-guide{bottom:11px;font-size:7px;gap:12px}#stick{width:90px;height:90px;bottom:17px;left:23px}#stick-knob{width:39px;height:39px;left:24px;top:24px}.touch-actions{transform:scale(.83);transform-origin:right bottom;bottom:13px;right:17px}.overlay{padding:63px 8% 20px}.menu-panel{max-width:760px}.menu-panel>.eyebrow{font-size:8px;margin-bottom:8px}.menu-panel h2{font-size:31px;margin-bottom:12px}.menu-panel p{font-size:11px;margin:9px 0;line-height:1.55}.controls-grid{grid-template-columns:1fr 1fr;gap:3px 26px}.control-row{padding:5px 0}.control-row kbd{padding:5px;font-size:10px;min-width:60px}.control-row strong{font-size:10px}.control-row small{font-size:8px;margin-top:2px}.help-tip{font-size:9px!important}.panel-actions{margin-top:14px;gap:8px}.panel-actions>.button{min-width:145px}.menu-panel .stats{margin:13px 0}.stats strong{font-size:24px}.chapters-mini{margin:12px 0}.chapters-mini span{font-size:8px}}
@media(max-height:430px) and (min-width:600px){.main-menu{padding-top:55px}.main-menu h1{font-size:49px}.main-menu .eyebrow{font-size:7px;margin-bottom:9px}.genre{font-size:14px;margin:8px 0 11px}.intro{display:none}.main-actions{gap:5px;width:min(300px,100%)}.button{min-height:33px}.main-copy{width:48%}.menu-panel h2{font-size:26px;margin-bottom:9px}.overlay{padding-top:58px}.control-row{padding:3px 0}.control-row small{font-size:8px}.help-tip{margin-top:7px!important}.panel-actions{margin-top:9px}.chapter-stamp{bottom:18px}#reload-ui{width:180px}#reload-label{font-size:7px}}
@media(max-width:420px){.brand span{font-size:7px;letter-spacing:.65px}.brand strong{font-size:18px}.brand{gap:6px}.utilities{gap:4px}.icon-button{width:29px;height:29px}.main-copy{width:92%}.main-actions{width:230px}#stick{left:18px;width:103px;height:103px}#stick-knob{left:27px;top:27px}.touch-actions{right:14px}.menu-panel h2{font-size:29px}}
@media(max-width:600px) and (max-height:680px){.overlay{padding:65px 6% 16px}.menu-panel h2{font-size:25px;margin-bottom:13px}.menu-panel>.eyebrow{margin-bottom:9px}.control-row{padding:4px 0}.control-row kbd{padding:5px;min-width:60px}.help-tip{margin-top:12px}.panel-actions{margin-top:14px}.main-menu{padding:65px 7% 35px}.main-menu h1{font-size:56px}.main-menu .eyebrow{margin-bottom:12px;font-size:7px}.genre{font-size:16px;margin:12px 0 15px}.intro{font-size:11px;margin-bottom:15px}.main-actions{gap:6px}.main-actions>.button{min-height:41px}.main-actions .text-button{padding:6px 0;font-size:10px;letter-spacing:1px}.chapter-stamp{bottom:15px}.chapter-stamp span{font-size:7px}.chapter-stamp strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}#notice{transition:none}}