:root{--olive: #8a9a5b;--olive-dim: #5a6a3b;--amber: #e8b84b;--red: #e0503a;--panel-bg: rgba(12, 16, 8, .72);--panel-border: rgba(138, 154, 91, .35);--text: #d8dcc8;font-family:Segoe UI,system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#10130b;color:var(--text);touch-action:none}#game-root{position:fixed;top:0;right:0;bottom:0;left:0}#scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:none}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud-panel{position:absolute;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:10px 14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.status-panel{top:16px;left:16px;min-width:220px}.status-title{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--olive);margin-bottom:6px}.status-sub{font-size:11px;letter-spacing:1px;color:#9aa284;margin-top:4px;min-height:13px}.bar-row{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px}.bar-row span{width:34px;color:#9aa284}.bar{flex:1;height:9px;background:#ffffff14;border-radius:4px;overflow:hidden}.bar-fill{height:100%;width:100%;border-radius:4px;transition:width .15s ease-out,background .2s}.bar-fill.hull{background:linear-gradient(90deg,#7c9a4e,#a6c25e)}.bar-fill.hull.low{background:linear-gradient(90deg,#b2542e,#e0503a)}.weapons-panel{bottom:16px;left:16px;min-width:230px}.weapon-rows{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.weapon-row{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1px;padding:4px 8px;border-radius:4px;border:1px solid transparent;color:#8b937a}.weapon-row.selected{border-color:var(--panel-border);background:#8a9a5b26;color:var(--text)}.wp-key{display:inline-block;min-width:18px;text-align:center;font-size:10px;font-weight:700;border:1px solid var(--panel-border);border-radius:3px;padding:1px 3px;color:var(--olive)}.wp-name{flex:1;font-weight:600}.wp-ammo{font-variant-numeric:tabular-nums;color:var(--amber)}.wp-ammo.reloading{color:#8b937a}.smoke-row{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1px;padding:2px 8px}.smoke-pips{flex:1;text-align:right;color:#b9c4d6;letter-spacing:3px}.objective-panel{top:16px;right:16px;font-size:12px;letter-spacing:2px}.objective-panel b{color:var(--red)}#arty-banner{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;background:#1e1008bf;border:1px solid rgba(224,80,58,.5);border-radius:6px;padding:8px 26px}.arty-title{font-size:15px;font-weight:800;letter-spacing:6px;color:var(--red)}.arty-sub{font-size:11px;letter-spacing:2px;color:#d8b9a8;margin-top:2px}.arty-sub b{color:var(--amber)}#arty-ready.notready{color:#8b6a5a}#prompt{position:absolute;bottom:26%;left:50%;transform:translate(-50%);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:8px 18px;font-size:13px;letter-spacing:1px}#prompt kbd,.controls-grid kbd{display:inline-block;border:1px solid var(--panel-border);border-radius:3px;padding:1px 6px;font-size:11px;font-weight:700;color:var(--olive);margin:0 2px}#messages{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:3px}.msg{font-size:12px;letter-spacing:1px;color:var(--text);background:#0c100899;padding:3px 12px;border-radius:4px;animation:msg-fade 4s forwards}.msg.warn{color:var(--amber)}.msg.kill{color:var(--red)}@keyframes msg-fade{0%{opacity:0;transform:translateY(6px)}8%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}#crosshair{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none;z-index:20}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#d8dcc8e6}#crosshair:before{left:50%;top:0;width:1.5px;height:100%;transform:translate(-50%);clip-path:polygon(0 0,100% 0,100% 32%,0 32%,0 68%,100% 68%,100% 100%,0 100%)}#crosshair:after{top:50%;left:0;height:1.5px;width:100%;transform:translateY(-50%);clip-path:polygon(0 0,32% 0,32% 100%,0 100%,68% 0,100% 0,100% 100%,68% 100%)}#arty-reticle{position:absolute;width:90px;height:90px;margin:-45px 0 0 -45px;pointer-events:none;z-index:20}#arty-reticle .ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid rgba(232,184,75,.85);border-radius:50%;box-shadow:0 0 12px #e8b84b59,inset 0 0 12px #e8b84b33}#arty-reticle .dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:var(--amber);border-radius:50%}#arty-reticle .tick{position:absolute;background:#e8b84bd9}#arty-reticle .t-n{left:50%;top:-8px;width:1.5px;height:14px;transform:translate(-50%)}#arty-reticle .t-s{left:50%;bottom:-8px;width:1.5px;height:14px;transform:translate(-50%)}#arty-reticle .t-e{top:50%;right:-8px;height:1.5px;width:14px;transform:translateY(-50%)}#arty-reticle .t-w{top:50%;left:-8px;height:1.5px;width:14px;transform:translateY(-50%)}#arty-reticle.notready .ring{border-color:#8c8c8c99;box-shadow:none}#arty-reticle.notready .tick,#arty-reticle.notready .dot{background:#8c8c8c99}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(180,20,10,.55) 100%);transition:opacity .35s ease-out}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#141a0cd1,#080a05f0);transition:opacity .5s}#overlay.hidden{opacity:0;pointer-events:none}.overlay-inner{max-width:620px;text-align:center;padding:30px}.game-title{font-size:64px;font-weight:900;letter-spacing:14px;color:var(--olive);text-shadow:0 3px 0 #2c3418,0 0 40px rgba(138,154,91,.3)}.game-subtitle{font-size:20px;font-weight:700;letter-spacing:12px;color:var(--red);margin:2px 0 22px}.overlay-text{font-size:14px;line-height:1.65;color:#b9c0a6;margin-bottom:26px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-size:12.5px;color:#9aa284;text-align:left;margin-bottom:30px}.mouse-icon{font-size:13px}.start-btn{font:inherit;font-size:16px;font-weight:800;letter-spacing:5px;color:#141a0c;background:linear-gradient(180deg,#a6c25e,#7c9a4e);border:none;border-radius:6px;padding:13px 46px;cursor:pointer;box-shadow:0 4px #4a5a30,0 8px 24px #00000080;transition:transform .08s,box-shadow .08s}.start-btn:hover{transform:translateY(1px);box-shadow:0 3px #4a5a30,0 6px 18px #00000080}.start-btn:active{transform:translateY(3px);box-shadow:0 1px #4a5a30}#touch-pad{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;padding:max(12px,env(safe-area-inset-bottom));align-items:flex-end;justify-content:space-between}html.touch-ui.playing #touch-pad{display:flex}.touch-cluster{pointer-events:auto;display:flex;flex-direction:column;gap:8px}.touch-cluster.right{flex-direction:row;flex-wrap:wrap;max-width:220px;justify-content:flex-end;align-items:flex-end}.touch-row{display:flex;gap:8px}.touch-btn{width:58px;height:58px;border-radius:12px;border:1px solid rgba(138,154,91,.55);background:#0c10088c;color:#d8dcc8;font-weight:800;touch-action:none}.touch-btn.fire{width:76px;height:76px;background:#e0503a73}#rotate-hint{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#10130bf0;color:#d8dcc8;align-items:center;justify-content:center;flex-direction:column;gap:1rem;font-weight:800}#rotate-hint.show{display:flex}#rotate-hint .phone{width:42px;height:72px;border:3px solid #8a9a5b;border-radius:8px;animation:tip-phone 1.4s ease-in-out infinite}@keyframes tip-phone{0%,to{transform:rotate(0)}40%,60%{transform:rotate(90deg)}}.site-footer{position:absolute;bottom:8px;right:12px;z-index:11;font-size:10px;letter-spacing:1px;color:#d8dcc859;display:flex;gap:10px;pointer-events:none}