:root{--bg: #0f1115;--panel: rgba(20, 24, 31, .86);--panel-border: rgba(255, 255, 255, .12);--text: #eef2f7;--muted: #a3adbb;--accent: #f2c14e}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block;cursor:grab}#app canvas:active{cursor:grabbing}#topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(180deg,#080a0eb3,#080a0e00);pointer-events:none;z-index:10}.title{display:flex;flex-direction:column;line-height:1.25}.title strong{font-size:18px;letter-spacing:.2px}.title span{font-size:12px;color:var(--muted)}.badges{display:flex;align-items:center;gap:8px;pointer-events:auto}.badge{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:8px 12px;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.badge:empty{display:none}#credits{position:fixed;left:0;right:0;bottom:0;padding:7px 16px;font-size:11px;color:var(--muted);background:linear-gradient(0deg,#080a0eb3,#080a0e00);z-index:8}#credits .sep{margin:0 6px}#stats{color:var(--text)}#flir-toggle{position:fixed;right:16px;top:112px;z-index:60;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:9px 14px;color:var(--text);font-size:13px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#flir-toggle:hover{background:#ffffff1a}#flir-toggle.active{background:#1d2a1d;border-color:#3f7a3f;color:#b6f0b6}body.flir #topbar,body.flir #credits,body.flir #hint,body.flir #reset-view{display:none!important}body.flir #flir-toggle{right:16px;top:16px}#flir-hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none;z-index:50;font-family:Courier New,ui-monospace,monospace;color:#ededed;text-shadow:0 0 4px rgba(255,255,255,.55);letter-spacing:1px;font-size:15px;line-height:1.5}body.flir #flir-hud{display:block}.flir-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}body.view-normal .flir-scan{display:none}#pause-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);align-items:center;justify-content:center}#pause-overlay.show{display:flex}#pause-overlay .pause-box{display:flex;flex-direction:column;align-items:center;gap:8px;font:700 44px/1 system-ui,sans-serif;letter-spacing:4px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.8)}#pause-overlay .pause-box span{font:500 14px/1 system-ui,sans-serif;letter-spacing:2px;opacity:.7}.fh{position:absolute;white-space:nowrap}.fh.tl{top:16px;left:20px}.fh.tr{top:16px;right:22px;text-align:right}.fh.bl{bottom:16px;left:20px}.fh.bc{bottom:16px;left:50%;transform:translate(-50%)}.fh.br{bottom:16px;right:22px}.fh.rc{top:50%;right:22px;transform:translateY(-50%)}.fh .big{font-size:18px;font-weight:700}.flir-cross{position:absolute;top:50%;left:50%;width:280px;height:280px;transform:translate(-50%,-50%)}.flir-cross:before,.flir-cross:after{content:"";position:absolute;background:#fff;box-shadow:0 0 5px #fff}.flir-cross:before{left:50%;top:0;width:1.5px;height:100%;transform:translate(-50%)}.flir-cross:after{top:50%;left:0;height:1.5px;width:100%;transform:translateY(-50%)}.flir-box{position:absolute;top:50%;left:50%;width:30px;height:24px;transform:translate(-50%,-50%);border:1.5px solid #fff;box-shadow:0 0 5px #fff}.flir-bracket{position:absolute;top:50%;left:50%;width:22px;height:22px}.flir-bracket.bt{transform:translate(-50%,-150px);border-left:2px solid #fff;border-right:2px solid #fff;border-top:2px solid #fff;box-shadow:0 0 5px #fff;height:14px}.flir-bracket.bb{transform:translate(-50%,136px);border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;box-shadow:0 0 5px #fff;height:14px}.flir-bracket.bl{transform:translate(-150px,-50%);border-top:2px solid #fff;border-bottom:2px solid #fff;border-left:2px solid #fff;box-shadow:0 0 5px #fff;width:14px}.flir-bracket.br{transform:translate(136px,-50%);border-top:2px solid #fff;border-bottom:2px solid #fff;border-right:2px solid #fff;box-shadow:0 0 5px #fff;width:14px}.fh.game-top{top:16px;left:50%;transform:translate(-50%);display:flex;gap:22px;font-size:16px}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8vh;background:#0a0c10 center/cover no-repeat;background-image:url(/splash.png);image-rendering:pixelated;transition:opacity .5s ease}#splash.hide{opacity:0;pointer-events:none}#splash .splash-card{max-width:660px;margin:0 18px;text-align:center;color:#f4efe6;background:#080a0e9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:20px 28px;text-shadow:0 2px 12px rgba(0,0,0,.85)}#splash h1{font:800 54px/1 system-ui,sans-serif;letter-spacing:5px;margin:0 0 10px}#splash h1 span{color:#e8852f}#splash p{font:400 15px/1.55 system-ui,sans-serif;color:#d6ccbd;margin:0 0 18px}#splash-start{font:700 19px/1 system-ui,sans-serif;letter-spacing:1px;padding:13px 30px;cursor:pointer;color:#fff;background:#b23b34;border:1px solid #e0786f;border-radius:10px}#splash-start:hover{background:#c8463d}#game-pop{color:#eaeaea;transition:color .1s}#game-pop.breach{font-weight:800;animation:popBreach .45s steps(1,end) infinite}@keyframes popBreach{0%{color:#ff3b30;text-shadow:0 0 10px rgba(255,55,40,.95)}50%{color:#fff2c0;text-shadow:0 0 6px rgba(255,90,40,.6)}}#game-zombies{color:#cfcfcf}.fh.game-weapon{left:50%;bottom:54px;transform:translate(-50%);text-align:center;display:flex;gap:12px;align-items:center}#game-weapon{font-weight:700}#game-reload{width:90px;height:5px;background:#fff3;border-radius:3px;overflow:hidden}#game-reload i{display:block;height:100%;width:100%;background:#fff;transform-origin:left}#game-banner{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:800;letter-spacing:3px;text-align:center;display:none}#game-banner.show{display:block}#game-muzzle{position:absolute;left:0;right:0;bottom:0;height:42%;pointer-events:none;opacity:0;background:radial-gradient(ellipse 55% 100% at 50% 115%,rgba(255,245,210,.95),rgba(255,225,165,.35) 38%,transparent 68%)}#game-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:65;display:none}body.flir #game-flash{display:block}#mission-markers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:none;pointer-events:none;overflow:hidden;font-family:Courier New,ui-monospace,monospace;color:#ededed}body.mm-select #mission-markers{display:block}body.mm-select .flir-cross,body.mm-select .flir-box,body.mm-select .flir-bracket,body.mm-select .fh.game-weapon,body.mm-select .fh.game-top,body.mm-select .fh.rc,body.mm-select #game-muzzle{display:none}.mm-title{position:absolute;top:4vh;left:50%;transform:translate(-50%);font-size:22px;letter-spacing:4px;white-space:nowrap;text-shadow:0 0 8px rgba(0,0,0,.8),0 0 4px rgba(255,255,255,.4)}.mm-marker{position:absolute;left:0;top:0;display:block;white-space:nowrap;will-change:transform}.mm-dot{position:relative;display:block;width:12px;height:12px;margin:0 auto;border:1.5px solid currentColor;border-radius:50%;box-shadow:0 0 6px #000000e6;background:#00000040}.mm-dot:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;transform:translate(-50%,-50%);border-radius:50%;background:currentColor}.mm-tag{display:block;margin-top:5px;padding:3px 9px;font-size:13px;letter-spacing:1px;background:#080c0ab8;border:1px solid currentColor;border-radius:6px;text-shadow:0 0 4px rgba(0,0,0,.9)}.mm-tag b{font-weight:700;margin-right:3px}.mm-best{display:block;margin-top:2px;font-size:11px;font-style:normal;letter-spacing:.5px;color:#f2c14e;opacity:.92}.mm-rank{position:absolute;top:8.5vh;left:50%;transform:translate(-50%);min-width:220px;max-width:84vw;padding:7px 16px 8px;text-align:center;background:#080c0ab8;border:1px solid rgba(150,210,170,.5);border-radius:8px;text-shadow:0 0 4px rgba(0,0,0,.9)}.mm-rank b{display:block;font-size:16px;font-weight:800;letter-spacing:1.5px;color:#8ee6a0}.mm-rank-pts{display:block;font-size:12px;color:#f2c14e;margin-top:1px}.mm-rank-bar{display:block;height:4px;margin:6px 0 3px;border-radius:3px;background:#ffffff26;overflow:hidden}.mm-rank-bar u{display:block;height:100%;background:#8ee6a0}.mm-rank-next{display:block;font-size:10.5px;color:#9fb0a4;letter-spacing:.5px}.mm-marker.available{color:#d6e8d6}.mm-marker.done{color:#8ee6a0}.mm-marker.locked{color:#9aa6b2;opacity:.75}.mm-marker.clickable{pointer-events:auto;cursor:pointer}.mm-marker.clickable:hover{color:#b6f0b6}.mm-marker.clickable:hover .mm-tag{background:#142414e6}.mm-marker.clickable:hover .mm-dot{box-shadow:0 0 12px currentColor}.mm-marker.bonus.available,.mm-marker.bonus.done{color:#f2c14e}.mm-marker.bonus .mm-tag{border-style:dashed}.mm-marker.bonus.clickable:hover{color:#ffd76a}.mm-zusatz{display:block;margin-top:2px;font-size:9.5px;font-style:normal;letter-spacing:1.5px;color:#f2c14e;opacity:.95}#mission-briefing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:74;display:none;align-items:center;justify-content:center;background:#0000008c;font-family:Courier New,ui-monospace,monospace}body.flir #mission-briefing.show{display:flex}.mb-panel{width:min(92vw,540px);max-height:90vh;overflow-y:auto;padding:22px 26px;color:#d8ecd8;background:#080e0aeb;border:1px solid rgba(150,210,170,.55);border-radius:12px;box-shadow:0 0 34px #0009}.mb-kicker{font-size:12px;letter-spacing:3px;color:#7fd49a}.mb-title{font-size:27px;font-weight:800;letter-spacing:2px;margin:2px 0 4px}.mb-geo{font-size:12px;color:#9fb0a4;margin-bottom:14px}.mb-story{font-size:14px;line-height:1.55;color:#cfe0d2;margin-bottom:16px}.mb-stats{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:14px;padding:12px 0;margin-bottom:18px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.mb-stats .k{color:#9fb0a4}.mb-stats .v{text-align:right;font-weight:700;letter-spacing:1px}.mb-actions{display:flex;gap:12px;justify-content:flex-end}.mb-btn{padding:12px 22px;cursor:pointer;font:inherit;font-size:15px;letter-spacing:1px;border-radius:9px;border:1px solid}.mb-start{background:#28783ce6;color:#eafff0;border-color:#6fd48f}.mb-start:hover{background:#37a050f5}.mb-back{background:#14181fd9;color:#cdd6cf;border-color:#ffffff4d}.mb-back:hover{background:#2a2f2a;color:#fff}#game-stats{position:fixed;top:5vh;left:50%;transform:translate(-50%);z-index:72;display:none;min-width:440px;padding:18px 26px;background:#0c1016eb;border:1px solid rgba(255,255,255,.25);border-radius:12px;font-family:Courier New,ui-monospace,monospace;color:#ededed;text-align:center}body.flir #game-stats.show{display:block}#zombie-markers{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:68;overflow:hidden}.zmark{position:absolute;left:0;top:0;width:0;height:0;display:none;border-left:7px solid transparent;border-right:7px solid transparent;border-top:13px solid #ff2f2f;filter:drop-shadow(0 0 2px rgba(0,0,0,.85));will-change:transform}#game-crash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:71;display:none;background:#000 center/cover no-repeat;background-image:url(/crash.png)}#game-crash.show{display:block}#game-victory{position:fixed;top:0;right:0;bottom:0;left:0;z-index:71;display:none;background:#000 center/cover no-repeat;background-image:url(/victory.png)}#game-victory.show{display:block}.gs-title{font-size:28px;font-weight:800;letter-spacing:3px}.gs-title.win{color:#7fe0a0}.gs-title.lose{color:#e98080}.gs-score{font-size:22px;margin:6px 0 2px;color:#f2c14e;letter-spacing:1px}.gs-sub{font-size:13px;color:#b9c2cf;margin-bottom:8px}.gs-record{font-size:15px;font-weight:700;letter-spacing:1px;color:#ffd76a;margin-bottom:2px}.gs-promo{font-size:14px;letter-spacing:1px;color:#8ee6a0;margin-bottom:12px}.gs-medal{font-size:20px;margin:4px 0;letter-spacing:.1em}.gs-medal i{display:block;font-size:12px;font-style:normal;opacity:.75;letter-spacing:0}#rank-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:none;align-items:center;justify-content:center;background:#0009;font-family:Courier New,ui-monospace,monospace}#rank-popup.show{display:flex}.rp-card{width:min(90vw,420px);padding:26px 30px 24px;text-align:center;color:#fff3d0;background:radial-gradient(120% 120% at 50% 0%,#282008f5,#0a0c08f5);border:1px solid rgba(242,193,78,.7);border-radius:14px;box-shadow:0 0 50px #f2c14e59,inset 0 0 30px #f2c14e14;animation:rp-in .5s cubic-bezier(.18,.9,.3,1.3) both}.rp-kicker{font-size:14px;letter-spacing:4px;color:#ffd76a;font-weight:700}.rp-chev{font-size:18px;letter-spacing:6px;color:#f2c14e;margin:8px 0 4px;min-height:20px}.rp-name{font-size:30px;font-weight:800;letter-spacing:2px;text-shadow:0 0 18px rgba(242,193,78,.6);margin:2px 0}.rp-meta{font-size:13px;color:#c8b890;letter-spacing:1px;margin-bottom:18px}.rp-ok{min-width:0;padding:11px 30px}@keyframes rp-in{0%{opacity:0;transform:scale(.7) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.gs-table{margin:0 auto;border-collapse:collapse;font-size:14px}.gs-table th,.gs-table td{padding:5px 16px;text-align:right;border-bottom:1px solid rgba(255,255,255,.1)}.gs-table th:first-child,.gs-table td:first-child{text-align:left}.gs-table th{color:#9fb0c2;font-weight:600}.gm-btn{min-width:380px;padding:14px 20px;cursor:pointer;background:#14181feb;color:#ededed;border:1px solid rgba(255,255,255,.25);border-radius:10px;font:inherit;font-size:15px;letter-spacing:1px;text-align:left}.gm-btn:hover{background:#1d2a1d;border-color:#3f7a3f;color:#b6f0b6}.gm-btn.gs-back{margin-top:16px;min-width:0;padding:12px 24px;text-align:center}#reset-view{position:fixed;right:16px;top:70px;z-index:12;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:9px 14px;color:var(--text);font-size:13px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#reset-view:hover{background:#ffffff1a}#hint{position:fixed;left:50%;bottom:36px;transform:translate(-50%);background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;padding:7px 16px;font-size:12px;color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:8;animation:fadeOut 1s ease 7s forwards}@keyframes fadeOut{to{opacity:0;visibility:hidden}}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--bg);z-index:100;transition:opacity .5s ease}#loading.hidden{opacity:0;pointer-events:none}.spinner{width:42px;height:42px;border:4px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--muted);font-size:14px}.gm-btn.locked{opacity:.5;cursor:not-allowed;color:#b9c2cf}.gm-btn.locked:hover{background:#14181feb;border-color:#ffffff40;color:#b9c2cf}.gm-btn.done{color:#8ee6a0;border-color:#3f7a3f}.gm-btn.done:hover{color:#b6f0b6}#touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;pointer-events:none;touch-action:none}#touch-controls>*{pointer-events:auto}.tc-left{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:14px}.tc-weapons{display:flex;flex-direction:column;gap:8px}.tc-weapon{width:56px;height:40px;border-radius:8px;background:#141c188c;color:#cfe8d6;border:1px solid rgba(120,200,150,.4);font:600 13px/1 ui-monospace,monospace;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none}.tc-weapon.active{background:#3caa5ad9;color:#fff;border-color:#9f7}.tc-weapon.empty{opacity:.35}.tc-fire{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#ff5a3ceb,#a01e14e0);color:#fff;font:800 18px/1 ui-monospace,monospace;letter-spacing:1px;border:2px solid rgba(255,160,140,.7);box-shadow:0 4px 18px #00000080;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.tc-fire.pressed{transform:scale(.94);filter:brightness(1.3)}.tc-stick{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;background:#141c1866;border:2px solid rgba(150,210,170,.45);touch-action:none;-webkit-tap-highlight-color:transparent}.tc-thumb{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:50%;background:#78d2968c;border:2px solid rgba(220,255,230,.8);pointer-events:none}#tc-rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;align-items:center;justify-content:center;text-align:center;background:#000000d9;color:#cfe8d6;font:700 22px/1.5 ui-monospace,monospace}body.touch-ctl .fh.bl{display:none}body.touch-ctl .fh.br{bottom:auto;top:92px}@media (max-height: 560px){#splash{align-items:center;padding-bottom:0}#splash .splash-card{margin:0 12px;padding:12px 18px;max-height:94vh;overflow-y:auto}#splash h1{font-size:30px;letter-spacing:3px;margin:0 0 6px}#splash p{font-size:12px;line-height:1.4;margin:0 0 10px}#splash-start{font-size:15px;padding:9px 22px}.mm-title{font-size:15px;letter-spacing:2px;top:2vh}.mm-tag{font-size:11px;padding:2px 7px}.mm-rank{top:6.5vh;padding:5px 12px 6px;min-width:0}.mm-rank b{font-size:13px}.mm-rank-pts{font-size:11px}.mm-best{font-size:10px}.mb-panel{padding:14px 16px}.mb-title{font-size:20px}.mb-story,.mb-stats{font-size:12.5px;margin-bottom:12px}.mb-btn{padding:10px 16px;font-size:13px}#game-stats{min-width:0;width:94vw;top:2vh;max-height:96vh;overflow-y:auto;padding:12px 16px}.gs-title{font-size:20px}.gs-score{font-size:17px}.gs-table{font-size:12px}}@media (max-width: 480px){#splash h1{font-size:30px;letter-spacing:3px}.gs-back{width:min(92vw,460px)}}#radio-log{position:absolute;left:18px;bottom:120px;max-width:min(46ch,44vw);font:13px/1.45 ui-monospace,SF Mono,Menlo,monospace;color:#cfe8cf;text-shadow:0 0 6px rgba(120,255,120,.35);pointer-events:none;display:none}body.flir #radio-log{display:block}#radio-log .rl-line{opacity:.55;margin-top:2px}#radio-log .rl-line:last-child{opacity:1}#radio-log .rl-line.crit{color:#ffd9d0;text-shadow:0 0 6px rgba(255,120,90,.5)}#radio-log .rl-spk{color:#8fdc8f;font-weight:700;margin-right:.5ch}#radio-log .rl-line.crit .rl-spk{color:#ff9c86}#hud-compass{position:absolute;top:54px;left:50%;transform:translate(-50%);display:none;pointer-events:none;opacity:.9}#stronghold-markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;display:none}body.flir #stronghold-markers{display:block}.shmark{position:absolute;font:11px ui-monospace,Menlo,monospace;color:#7dff9a;text-shadow:0 0 5px rgba(90,255,140,.6);white-space:nowrap}.shmark.pressed{color:#ffd257;animation:sh-blink .7s steps(2) infinite}.shmark.fallen{color:#9a9a9a;text-shadow:none;opacity:.65}@keyframes sh-blink{50%{opacity:.25}}