:root{--bg: #0b0e0c;--panel: rgba(10, 14, 12, .82);--edge: rgba(126, 168, 122, .28);--text: #d8e0d4;--muted: #7d8a79;--accent: #8fd14f;--danger: #d1483f;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:relative;height:100%;width:100%}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas canvas{display:block;width:100%;height:100%}.layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.layer>*{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-vitals{position:absolute;left:16px;bottom:16px;width:220px;padding:12px}.hud-row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.hud-row+.hud-row{margin-top:6px}.hud-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.meter{height:6px;margin-top:8px;border-radius:3px;background:#ffffff14;overflow:hidden}.meter-fill{height:100%;background:var(--accent);transition:width .12s linear}.meter-fill.is-low{background:var(--danger)}.hud-minimap{position:absolute;left:16px;top:16px;padding:10px}.minimap-canvas{display:block;border-radius:4px;background:var(--bg)}.hud-squad{position:absolute;right:16px;top:16px;width:200px;padding:12px}.squad-mate{display:flex;align-items:center;gap:8px}.squad-mate+.squad-mate{margin-top:8px}.squad-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.squad-dot.is-down{background:var(--danger)}.hud-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);color:var(--muted);font-size:12px}.loader{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(143,209,79,.07),transparent 60%),radial-gradient(circle at 50% 45%,#0000008c,#000000eb),var(--bg);transition:opacity .45s ease}.loader.is-leaving{opacity:0;pointer-events:none}.loader-card{width:340px;text-align:center}.loader-title{margin:0;font-size:30px;letter-spacing:.22em;text-transform:uppercase;animation:loader-breathe 3.2s ease-in-out infinite}.loader-tagline{margin:6px 0 26px;color:var(--muted);font-size:12px;letter-spacing:.1em}.loader-track{height:4px;border-radius:2px;background:#ffffff14;overflow:hidden}.loader-bar{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,rgba(143,209,79,.55),var(--accent))}.loader-status{display:flex;justify-content:space-between;margin:10px 0 0;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.loader-percent{font-variant-numeric:tabular-nums;color:var(--text)}@keyframes loader-breathe{0%,to{opacity:.72}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.loader-title{animation:none}}button{width:100%;padding:10px 14px;border:1px solid var(--edge);border-radius:6px;background:transparent;color:var(--text);font:inherit;letter-spacing:.06em;cursor:pointer}button+button{margin-top:8px}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}