:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#ecece3;--muted:#a3b0b2;--accent:#8ed4c9;--amber:#edbb72;--ink:#111b21;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:var(--ink);color:var(--paper);margin:0;overflow:hidden}canvas#game{outline:none;width:100vw;height:100dvh;display:block}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:4px}[hidden]{display:none!important}.overlay{z-index:10;background:linear-gradient(90deg,#0c141af7 0,#0c141ad9 36%,#0c141a1f 80%);align-items:center;padding:5vh 6vw;display:flex;position:fixed;inset:0;overflow:auto}.menu-shell{max-width:480px}.menu-rule{background:var(--accent);width:56px;height:5px;margin-bottom:30px}.eyebrow{letter-spacing:2px;color:var(--accent);font-size:10px;font-weight:700;line-height:1.6}h1{letter-spacing:-.065em;margin:24px 0 23px;font-size:clamp(64px,10vw,142px);font-weight:900;line-height:.81}h1 em{color:var(--accent);font-style:normal}.subtitle{letter-spacing:.3px;margin:0 0 28px;font-size:19px}.brief{border-left:1px solid #71928b7a;max-width:392px;padding-left:16px}.brief p{color:#c5ced0;margin:8px 0 25px;font-size:13px;line-height:1.8}.primary{background:var(--accent);color:#122423;text-align:left;letter-spacing:1px;clip-path:polygon(0 0,100% 0,100% 72%,97% 100%,0 100%);width:100%;min-height:49px;padding:16px 20px;font-size:12px;font-weight:800}.primary:hover:not(:disabled){background:#b1ecdf}.secondary{text-align:left;background:#344951;width:100%;margin-top:10px;padding:16px 20px}.text-button{text-underline-offset:5px;letter-spacing:.6px;background:0 0;padding:18px 0;font-size:11px;text-decoration:underline}#loading{color:var(--muted);min-height:15px;font-size:10px;line-height:1.5}.menu-options{letter-spacing:.5px;align-items:center;gap:14px;margin-top:20px;font-size:9px;display:flex}.menu-options label{align-items:center;gap:9px;display:flex}.menu-options input{width:80px;accent-color:var(--accent)}.menu-options button{background:0 0;border-left:1px solid #6b8486;padding-left:14px;font-size:9px}.build-note{color:#87979a;max-width:400px;margin-top:25px;font-size:10px;line-height:1.8}.right-info{text-align:right;color:#f0f4ecd9;position:absolute;top:15%;right:7vw}.right-info b{letter-spacing:-7px;border-top:1px solid #ffffff75;padding-top:25px;font-size:120px;font-weight:100;line-height:1}.right-info p{letter-spacing:3px;font-size:16px;font-weight:800;line-height:1.8}.right-info span{letter-spacing:1.8px;font-size:8px}.topline{pointer-events:none;text-shadow:0 2px 10px #000;justify-content:space-between;align-items:start;display:flex;position:fixed;top:25px;left:30px;right:30px}.brand{letter-spacing:2px;font-size:19px;font-weight:800}.brand b{color:var(--accent)}.brand span{letter-spacing:2px;margin-top:8px;font-size:7px;font-weight:400;display:block}.top-right{letter-spacing:2px;align-items:center;gap:22px;font-size:12px;display:flex}.top-right button{pointer-events:auto;letter-spacing:1px;background:#17232ac9;border:1px solid #adcac333;padding:11px 13px;font-size:9px}kbd{font:inherit;color:var(--accent);margin-left:9px}.mission{border-left:2px solid var(--accent);pointer-events:none;background:linear-gradient(90deg,#0d1920d9,#0d192079);width:260px;padding:14px 16px;position:fixed;top:105px;left:30px}.mission .eyebrow{margin-bottom:13px;font-size:8px}.task{align-items:center;gap:8px;font-size:11px;line-height:2;display:flex}.task span{letter-spacing:1px;color:var(--muted);margin-left:auto;font-size:8px}.task i{border:1px solid #c6cfc9;width:5px;height:5px}.task i.done{background:var(--accent);border-color:var(--accent)}.mission p{color:#bac8c7;margin:10px 0 0;font-size:10px;line-height:1.6}.bottomline{pointer-events:none;text-shadow:0 2px 12px #000;justify-content:space-between;align-items:end;display:flex;position:fixed;bottom:44px;left:34px;right:34px}.vitals .eyebrow,.ammo .eyebrow{letter-spacing:1.6px;font-size:8px}.vitals strong,.ammo strong{letter-spacing:-2px;font-size:41px;font-weight:700;line-height:1.1}.vitals div span,.ammo div span{color:#cbd3ce;font-size:18px}.health-track{background:#fff4;width:126px;height:3px;margin-top:6px}.health-track i{background:var(--accent);width:100%;height:100%;display:block}.ammo{text-align:right}.ammo>span:last-child{letter-spacing:1px;color:var(--muted);font-size:8px}.stance{text-align:center;letter-spacing:1.5px;font-size:9px}.stance p{color:var(--amber);min-height:15px;margin:10px 0 0;font-size:11px}#crosshair{pointer-events:none;width:24px;height:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#f6faeee6;position:absolute;box-shadow:0 0 2px #000}#crosshair:before{width:2px;height:24px;top:0;left:11px}#crosshair:after{width:24px;height:2px;top:11px;left:0}#crosshair i{z-index:1;background:0 0;border:2px solid #112229;border-radius:50%;position:absolute;inset:8px}#crosshair b{z-index:2;background:#fff;width:2px;height:2px;position:absolute;top:11px;left:11px}#hitmarker{color:var(--amber);opacity:0;pointer-events:none;text-shadow:0 0 5px #000;font-size:47px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#context{pointer-events:none;letter-spacing:1px;white-space:nowrap;background:#101e28e6;border:1px solid #8ed4c969;padding:12px 18px;font-size:10px;position:fixed;top:63%;left:50%;transform:translate(-50%)}.progress{background:#ffffff32;height:3px;margin-top:8px}.progress i{background:var(--accent);width:0;height:100%;display:block}#desktop-help{text-align:center;letter-spacing:.7px;color:#e1e9e1b9;pointer-events:none;text-shadow:0 1px 5px #000;font-size:8px;position:fixed;bottom:13px;left:0;right:0}#damage,#flash{pointer-events:none;opacity:0;position:fixed;inset:0}#damage{border:2px solid #ad3b28;box-shadow:inset 0 0 160px 30px #a52816}#flash{background:radial-gradient(at 65% 72%,#ffbe5626,#0000 45%)}.marker{text-align:center;pointer-events:none;color:var(--accent);text-shadow:0 1px 4px #000;font-size:10px;position:fixed;transform:translate(-50%,-50%)}.marker b{background:#10252e99;border:1px solid #bbefe2b0;padding:6px 8px;font-size:12px;display:inline-block}.marker span{margin-top:4px;font-size:8px;display:block}.secondary-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a151dda;justify-content:center}.panel{width:min(450px,100%)}.panel h2{letter-spacing:-1.8px;margin:16px 0;font-size:42px;line-height:1.05}.panel p{color:#b9c9c9;font-size:13px;line-height:1.8}.result-stats{border-top:1px solid #75918d50;border-bottom:1px solid #75918d50;justify-content:space-between;gap:20px;margin:25px 0;padding:24px 0;display:flex}.result-stats span{letter-spacing:1px;color:var(--accent);font-size:8px;display:block}.result-stats b{letter-spacing:-1px;margin-top:10px;font-size:25px;display:block}#notice{color:var(--paper);border:1px solid var(--accent);z-index:20;background:#152d36;max-width:80vw;padding:14px 20px;font-size:12px;line-height:1.7;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#touch{pointer-events:none;position:fixed;inset:0}#move-pad{pointer-events:auto;touch-action:none;background:#12293136;border:1px solid #bdeddf50;border-radius:50%;width:108px;height:108px;position:absolute;bottom:110px;left:30px}#move-stick{background:#b7eed829;border:1px solid #e0f1e595;border-radius:50%;width:44px;height:44px;display:block;position:absolute;top:32px;left:32px}#look-pad{pointer-events:auto;touch-action:none;position:absolute;inset:18% 0 170px 40%}.touch-actions{pointer-events:auto;align-items:end;gap:7px;display:flex;position:absolute;bottom:105px;right:18px}.touch-actions button{letter-spacing:.5px;touch-action:none;background:#12313acc;border:1px solid #a6d7d355;padding:13px 8px;font-size:8px}.touch-actions .fire{color:#0d2129;background:#b9dcbd;height:65px;padding:15px;font-weight:800}.touch-actions button.active{color:#122a32;background:#95d4c3}@media (max-height:730px){.menu-rule{margin-bottom:15px}.overlay{padding-top:4vh;padding-bottom:4vh}.menu-shell h1{font-size:92px}.subtitle{margin-bottom:19px}.brief p{margin-bottom:18px}.build-note{margin-top:14px}.menu-options{margin-top:13px}}@media (max-width:800px){.overlay{padding:25px 30px}.right-info{display:none}.menu-shell{max-width:430px}.topline{top:15px;left:20px;right:20px}.brand{font-size:15px}.mission{width:215px;padding:10px 12px;top:75px;left:20px}.mission p{display:none}.mission .eyebrow{margin-bottom:5px}.bottomline{bottom:28px;left:22px;right:22px}.vitals strong,.ammo strong{font-size:30px}#desktop-help{font-size:7px;bottom:7px}.stance p{font-size:9px}#context{font-size:9px;top:55%}}@media (max-height:520px){.menu-shell h1{margin:12px 0;font-size:58px}.menu-rule{display:none}.brief p{font-size:10px;line-height:1.5}.subtitle{margin-bottom:12px;font-size:14px}.menu-shell{max-width:430px}.menu-options{margin-top:6px}.build-note{margin-top:7px;font-size:8px}.primary{min-height:40px;padding:12px 16px}.mission{top:58px}.topline{top:10px}.mission .task{font-size:9px}.brand span{font-size:6px}.touch-actions{bottom:68px}#move-pad{width:95px;height:95px;bottom:65px}#move-stick{top:25px;left:25px}.bottomline{bottom:20px}.vitals strong,.ammo strong{font-size:24px}#look-pad{bottom:130px}.panel h2{font-size:32px}.result-stats{margin:12px 0;padding:12px 0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}#hit-direction{pointer-events:none;z-index:3;position:fixed;inset:0}#hit-arc{filter:drop-shadow(0 0 7px #ff674f88);border:5px solid #0000;border-top-color:#ff835e;border-radius:50%;width:162px;height:162px;position:absolute;top:calc(50% - 81px);left:calc(50% - 81px)}#hit-label{color:#ffb598;letter-spacing:1.6px;text-shadow:0 2px 4px #000;font-size:10px;font-weight:700;position:absolute;top:calc(50% + 101px);left:50%;transform:translate(-50%)}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;display:grid}.result-stats>div{min-width:0}.result-stats span{line-height:1.5}