:root{color:#e8edd4;font-family:Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#0b0d0a}canvas#game{display:block;width:100%;height:100%;cursor:none}.hud{pointer-events:none;position:absolute;inset:0}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:18px 24px}.atmos{flex:1;padding-top:4px;text-align:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#c9d4a6;opacity:.8;text-shadow:0 1px 8px rgba(0,0,0,.7)}.hp-block{min-width:220px}.hp-block.score{text-align:right}.kills{font-size:28px;font-weight:600;letter-spacing:.08em;color:#e8c48a;text-shadow:0 1px 10px rgba(0,0,0,.7);line-height:1}.hp-label{display:block;margin-bottom:6px;letter-spacing:.12em;font-size:12px;text-transform:uppercase;color:#c9d4a6}.hp-bar{height:10px;border:1px solid #8a9a5a;background:#1a1f12}.hp-fill{height:100%;width:100%;transform-origin:left center;background:#8fbf3a}.hp-fill.repairing{background:#5ee087;box-shadow:0 0 10px #46dc6e8c}.notice{position:absolute;left:50%;bottom:86px;transform:translate(-50%);padding:8px 16px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#d7f5c8;background:#0c160cb8;border:1px solid #4a9a58;text-shadow:0 1px 8px rgba(0,0,0,.7);opacity:0;pointer-events:none}.notice.show{opacity:1}.stuka-alert{position:absolute;top:64px;left:50%;transform:translate(-50%) translateY(-8px);min-width:min(520px,calc(100% - 40px));padding:11px 28px;text-align:center;font-size:18px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff3ee;background:linear-gradient(180deg,#c31812,#7a0d0c);border:2px solid #ffb8a8;box-shadow:0 0 28px #b40c088c,0 8px 18px #00000073;text-shadow:0 1px 8px rgba(0,0,0,.75);opacity:0;pointer-events:none;visibility:hidden}.stuka-alert.on{visibility:visible;opacity:1;transform:translate(-50%) translateY(0);animation:stuka-pulse .72s ease-in-out infinite}@keyframes stuka-pulse{0%,to{filter:brightness(1);box-shadow:0 0 28px #b40c088c,0 8px 18px #00000073}50%{filter:brightness(1.18);box-shadow:0 0 38px #ff2814b3,0 8px 18px #00000073}}.crosshair{position:absolute;left:50%;top:50%;width:72px;height:96px;transform:translate(-50%,-50%)}.horizon{position:absolute;left:50%;top:50%;width:22px;height:1px;transform:translate(-50%,-50%);background:#d7e39a;opacity:.55}.horizon:before,.horizon:after{content:"";position:absolute;top:50%;width:1px;height:10px;background:#d7e39a;transform:translateY(-50%)}.horizon:before{left:0}.horizon:after{right:0}.pitch-pip{position:absolute;left:50%;top:50%;width:14px;height:14px;border:1.5px solid #e8f5a0;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.fps{position:absolute;right:16px;bottom:16px;z-index:25;margin:0;padding:4px 8px;font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;color:#c8f0a8;background:#080a068c;border:1px solid rgba(180,210,120,.35);text-shadow:0 1px 2px #000;pointer-events:none}.hud-bottom{position:absolute;left:50%;bottom:28px;transform:translate(-50%)}.arty{pointer-events:none;position:absolute;left:22px;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:5px;width:78px}.arty-frame{position:relative;width:72px;height:72px;border:1px solid #8a6a32;background:#12100ac7;overflow:hidden;box-shadow:0 0 0 1px #00000073}.arty-glyph{position:absolute;inset:6px 8px 16px;width:auto;height:auto;filter:drop-shadow(0 1px 4px rgba(0,0,0,.7))}.arty-key{position:absolute;right:5px;bottom:4px;padding:1px 5px;font-size:11px;letter-spacing:.08em;color:#f0e2b4;border:1px solid #8a6a32;background:#1a160e}.arty-caption{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#e8d49a;text-shadow:0 1px 6px rgba(0,0,0,.85)}.arty-veil{position:absolute;inset:0;background:#060705b8;transform-origin:top center;transform:scaleY(0)}.arty.ready .arty-frame{border-color:#e0b45a;box-shadow:0 0 14px #e09a3a73}.arty.ready .arty-glyph{animation:arty-pulse 1.8s ease-in-out infinite}@keyframes arty-pulse{0%,to{filter:drop-shadow(0 0 2px rgba(255,200,80,.2))}50%{filter:drop-shadow(0 0 8px rgba(255,180,60,.85))}}.reload{min-width:180px;text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.reload-bar{margin-top:6px;height:6px;border:1px solid #8a9a5a;background:#1a1f12}#reload-fill{height:100%;width:100%;background:#e6d26a}.roster{position:absolute;right:20px;bottom:18px;text-align:right;text-shadow:0 1px 8px rgba(0,0,0,.75)}.roster-label{display:block;margin-bottom:4px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#c9d4a6}#roster-count{font-size:28px;font-weight:600;letter-spacing:.08em;color:#e8c48a;line-height:1}.overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#080a07c7;pointer-events:none}.overlay.hidden{display:none}.overlay-card{width:min(480px,90vw);padding:28px 32px;border:1px solid #6d7a48;background:#14180f;text-align:center;pointer-events:auto}.overlay-card h1{margin:0;letter-spacing:.28em;font-weight:600;font-size:28px}.tag{margin:8px 0 18px;color:#b7c48a;letter-spacing:.16em;text-transform:uppercase;font-size:12px}.status{min-height:1.4em;color:#f0e6b0}.overlay-card ul{margin:16px 0 22px;padding:0;list-style:none;text-align:left;line-height:1.9;font-size:14px}.mission-stats{margin:16px 0 22px;text-align:left}.stat-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #2c341c;font-size:14px;color:#c9d4a6}.stat-row strong{color:#f0e6b0;font-weight:600}kbd{display:inline-block;min-width:1.6em;margin-right:4px;padding:1px 6px;border:1px solid #8a9a5a;background:#222818;font-family:inherit;font-size:12px}#play-btn{padding:10px 22px;border:1px solid #c9d48a;background:#2a3318;color:#e8edd4;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}#play-btn:disabled{opacity:.5;cursor:default}#play-btn:not(:disabled):hover{background:#3b4720}body.boot-open .hud,body.boot-open .overlay,body.intro-open .hud,body.intro-open .overlay{visibility:hidden;pointer-events:none}#boot{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:#120c08;color:#ead9b8}.boot-card{width:min(420px,86vw);text-align:center}.boot-card h1{margin:0;letter-spacing:.28em;font-weight:600;font-size:28px}.boot-label{margin:14px 0 22px;letter-spacing:.28em;text-transform:uppercase;font-size:13px;color:#d4c09a;animation:boot-pulse 1.8s ease-in-out infinite}.boot-bar{height:4px;background:#2a2016;border:1px solid #5a4a32}#boot-fill{width:0;height:100%;background:#e6c48a;transition:width .18s linear}.boot-status{margin:14px 0 0;font-size:12px;letter-spacing:.08em;color:#b89a72}#boot.boot-out{opacity:0;pointer-events:none;transition:opacity .32s ease}@keyframes boot-pulse{0%,to{opacity:.55}50%{opacity:1}}#intro{position:absolute;inset:0;z-index:40;overflow:hidden;background:#120c08;color:#ead9b8;touch-action:manipulation}#intro audio{display:none}#intro-bg,#intro-fg{position:absolute;inset:0;display:block;width:100%;height:100%}#intro-bg{filter:blur(5px) saturate(1.22) brightness(.88);transform:scale(1.08)}.intro-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 22%,transparent 22%,rgba(10,5,2,.35) 72%,rgba(6,3,1,.82) 100%),linear-gradient(to bottom,transparent 38%,rgba(10,6,3,.4) 54%,rgba(8,5,3,.94) 100%)}.intro-crawl{position:absolute;inset:48% 10% 64px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent)}.intro-crawl-track{animation:intro-crawl 82s linear forwards;font-family:Palatino,Palatino Linotype,Book Antiqua,Times New Roman,serif;font-size:clamp(15px,2.1vw,22px);line-height:1.58;letter-spacing:.01em;text-shadow:0 2px 16px rgba(0,0,0,.9)}.intro-crawl-track p{margin:0 0 1.2em}.intro-skip{position:absolute;left:0;right:0;bottom:18px;margin:0;padding:0 108px;text-align:center;letter-spacing:.2em;text-transform:uppercase;font-size:11px;opacity:.72;animation:intro-skip-pulse 2.6s ease-in-out infinite}#intro.intro-out{opacity:0;pointer-events:none;transition:opacity .28s ease}@keyframes intro-crawl{0%{transform:translateY(42vh)}to{transform:translateY(calc(-100% - 10vh))}}@keyframes intro-skip-pulse{0%,to{opacity:.38}50%{opacity:.85}}#lang-switch{position:fixed;right:16px;bottom:14px;z-index:90;display:flex;gap:8px;pointer-events:auto}#lang-switch.hidden{display:none}#lang-switch button{width:52px;height:34px;padding:0;overflow:hidden;border:1px solid rgba(232,237,212,.7);border-radius:2px;background:#012169;cursor:pointer;opacity:.72;box-shadow:0 2px 10px #00000073}#lang-switch button svg{display:block;width:100%;height:100%}#lang-switch button.on{opacity:1;border-color:#e8c48a;box-shadow:0 0 0 1px #e8c48a,0 2px 12px #0000008c}#lang-switch button:focus-visible{outline:2px solid #e8c48a;outline-offset:2px}