@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #060b12;--panel: rgba(13, 20, 32, .78);--panel-solid: #121c2d;--panel-border: #2d4668;--text: #e5eeff;--subtle: #95abcc;--accent: #7cf6ff;--accent-alt: #ff9d67;--danger: #ff6464;--ok: #7fffbe}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 8% 15%,#7bfff521,#03091000 42%),radial-gradient(circle at 88% 12%,#ff885c29,#03091000 45%),linear-gradient(140deg,#090f18,#05080f 44%,#090f19);color:var(--text);font-family:Space Grotesk,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(132,173,220,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(132,173,220,.04) 1px,transparent 1px);background-size:64px 64px}button,input,label,select{font:inherit;color:inherit}#app{position:relative;width:100vw;height:100vh}.canvas-root{position:absolute;inset:0;background:linear-gradient(180deg,#142234d1,#04080ef2 70%)}.canvas-root:before,.canvas-root:after{content:"";position:absolute;inset:0;pointer-events:none}.canvas-root:before{background:radial-gradient(circle at 50% 18%,#7cf6ff1c,#7cf6ff00 52%),radial-gradient(circle at 52% 90%,#ff9d6714,#ff9d6700 60%);mix-blend-mode:screen}.canvas-root:after{opacity:.22;background-image:linear-gradient(#9bcfff14 1px,#9bcfff00 1px);background-size:100% 3px}.canvas-root canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.screen{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(160deg,#03080e80,#020408b8);padding:28px}.panel{width:min(940px,94vw);border:1px solid var(--panel-border);border-radius:20px;box-shadow:0 0 0 1px #5a82b538,0 30px 52px #00000080,inset 0 1px #b9daff1a;background:linear-gradient(165deg,#1f2e4438,#090e18bf 65%),var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:30px}.panel-menu{width:min(1000px,95vw)}h1,h2,h3{margin:0;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:.06em}h2{margin-bottom:16px}p,li{color:var(--subtle);line-height:1.45}.menu-badge{display:inline-block;margin-bottom:14px;padding:6px 11px;border-radius:999px;border:1px solid rgba(124,246,255,.48);background:#1d405c7a;color:#beffff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.title-main{font-size:clamp(28px,5vw,58px);line-height:1.02;text-shadow:0 0 28px rgba(108,241,255,.22)}.lead{margin:14px 0 20px;max-width:720px}.menu-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.career-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:22px}.metric-card{padding:12px 14px;border-radius:12px;border:1px solid rgba(77,111,150,.78);background:#09101bb3}.metric-card span{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#8eb5de}.metric-card strong{margin-top:8px;display:block;font-size:15px;color:#dbf2ff}.career-card{padding:10px 12px;border-radius:10px;border:1px solid rgba(86,124,163,.75);background:#080e17d1}.career-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7da5cd}.career-card strong{display:block;margin-top:7px;font-family:Orbitron,sans-serif;font-size:16px;color:#dff2ff}.menu-actions,.settings-grid,.end-actions{display:grid;gap:12px}.menu-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid{margin:18px 0 22px}.row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 0;border-bottom:1px solid rgba(63,95,128,.35)}.setting-value-wrap{display:flex;align-items:center;gap:10px}button{border:1px solid rgba(121,167,220,.7);border-radius:10px;background:linear-gradient(160deg,#76f1ff3d,#14263de6),var(--panel-solid);box-shadow:0 8px 18px #0000005c,inset 0 1px #b3e5ff33;color:#d8ecff;padding:12px 14px;cursor:pointer;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:.08em;transition:transform .12s ease,border-color .12s ease,box-shadow .14s ease,background .14s ease}button:hover{transform:translateY(-1px);border-color:#8efffcdb;background:linear-gradient(160deg,#93fcff57,#152942f2),var(--panel-solid);box-shadow:0 12px 20px #0000006b,0 0 28px #7bf6ff24}button:active{transform:translateY(1px)}input[type=range],input[type=number],select{width:230px;border:1px solid rgba(85,128,168,.8);border-radius:8px;background:#080d16e6;color:#d8ebff}input[type=number],select{padding:7px 9px}input[type=range]{accent-color:#8df8ff}.briefing-list{margin:0 0 22px;padding-left:20px}.hidden{display:none!important}.hud{position:absolute;inset:0;pointer-events:none}.hud-damage-overlay{position:absolute;inset:0;opacity:0;transition:opacity 70ms linear;background:radial-gradient(circle at center,#ff584214,#ff463000 44%),radial-gradient(circle at center,#b313131a 38%,#820808a3)}.hud-grid{position:absolute;left:18px;top:14px;width:min(720px,70vw);display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.hud-card{padding:7px 10px;border-radius:8px;border:1px solid rgba(62,101,138,.8);background:linear-gradient(180deg,#101c2dd6,#070d17cc);box-shadow:0 8px 16px #00000047,inset 0 0 0 1px #80b0db0f;animation:hud-glow 2.8s ease-in-out infinite alternate}.hud-label{display:block;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#80a7cd}.hud-value{display:block;margin-top:4px;font-family:Orbitron,sans-serif;font-size:14px;color:#e8f4ff;text-shadow:0 0 9px rgba(124,246,255,.16)}.hud-value.ult-ready{color:#ffe07b;text-shadow:0 0 10px rgba(255,221,127,.42),0 0 24px rgba(255,170,102,.24);animation:ult-ready-pulse .7s ease-in-out infinite alternate}.hud-rank-value{font-size:18px}.rank-d{color:#99b6d5}.rank-c{color:#9fd9ff}.rank-b{color:#8bffd5}.rank-a{color:#ffe68f}.rank-s{color:#ffac88;text-shadow:0 0 14px rgba(255,143,103,.6)}.hud-contract{position:absolute;left:18px;bottom:18px;width:min(520px,68vw);padding:10px 12px;border-radius:10px;border:1px solid rgba(77,126,168,.85);background:#070d17db;box-shadow:0 10px 20px #00000057;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-contract-bar{margin-top:7px;height:8px;width:100%;border-radius:999px;overflow:hidden;background:#17263cf2;border:1px solid rgba(71,106,142,.7)}.hud-contract-fill{height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--accent) 0%,var(--accent-alt) 100%);box-shadow:0 0 16px #7cf6ff6b;transition:transform .12s linear}.crosshair{--crosshair-gap: 8px;position:absolute;left:50%;top:50%;width:calc(var(--crosshair-gap) * 2 + 2px);height:calc(var(--crosshair-gap) * 2 + 2px);transform:translate(-50%,-50%);border:1px solid rgba(232,245,255,.95);border-radius:2px;background:radial-gradient(circle at center,#fffffff5 0 1px,#fff0 1.2px);box-shadow:0 0 0 1px #000000b3,0 0 18px #e3f5ff3d;transition:width 70ms linear,height 70ms linear,border-color 90ms linear,box-shadow 90ms linear,transform 90ms ease-out}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#eef7ffe6;box-shadow:0 0 6px #d8edff4d}.crosshair:before{left:50%;margin-left:-.5px;top:-8px;width:1px;height:calc(100% + 16px)}.crosshair:after{left:-8px;top:50%;margin-top:-.5px;width:calc(100% + 16px);height:1px}.crosshair.hit-confirm{border-color:#ffe29afa;box-shadow:0 0 0 1px #000000b8,0 0 20px #ffd27b66}.crosshair.kill-confirm{border-color:#ffa472fc;box-shadow:0 0 0 1px #000000bd,0 0 22px #ff8e6680;transform:translate(-50%,-50%) scale(1.05)}.crosshair.ads-active{border-color:#bcecfffa;box-shadow:0 0 0 1px #000000c2,0 0 14px #8fe0ff47}.crosshair.ads-active:before,.crosshair.ads-active:after{opacity:.56}.hud-hit-confirm,.hud-kill-confirm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 75ms linear}.hud-hit-confirm{width:30px;height:30px}.hud-kill-confirm{width:46px;height:46px}.hud-hit-confirm:before,.hud-hit-confirm:after,.hud-kill-confirm:before,.hud-kill-confirm:after{content:"";position:absolute;left:50%;top:50%;width:2px;transform-origin:center}.hud-hit-confirm:before,.hud-hit-confirm:after{height:16px;margin-left:-1px;margin-top:-8px;background:#ffeec4f0}.hud-kill-confirm:before,.hud-kill-confirm:after{height:24px;margin-left:-1px;margin-top:-12px;background:#ff9f78f5}.hud-hit-confirm:before,.hud-kill-confirm:before{transform:rotate(45deg)}.hud-hit-confirm:after,.hud-kill-confirm:after{transform:rotate(-45deg)}.feed{position:absolute;right:16px;top:14px;display:grid;gap:6px;width:min(420px,40vw)}.feed-line{justify-self:end;padding:5px 9px;border-radius:6px;border:1px solid rgba(64,99,135,.88);background:#080d16e6;box-shadow:0 8px 14px #00000052;font-size:12px;text-align:right;animation:feed-enter .18s ease-out}.feed-line.feed-callout{border-color:#ffd270e6;background:linear-gradient(180deg,#3a280ed6,#140e05d6);color:#ffe5a0;text-shadow:0 0 12px rgba(255,214,122,.22);box-shadow:0 10px 16px #00000057,0 0 20px #ffbe6e29}.feed-line.feed-good{border-color:#68dcb2e6;background:linear-gradient(180deg,#0d2821d6,#07130fd6);color:#c9ffe7}.feed-line.feed-bad{border-color:#ff7c7ce6;background:linear-gradient(180deg,#351111d6,#170808d6);color:#ffd1d1}.bad{color:var(--danger)}.good{color:var(--ok)}.error-overlay{position:absolute;inset:0;background:#080000eb;color:#ffcece;display:grid;place-items:center;text-align:center;padding:24px}.error-overlay pre{max-width:82vw;overflow:auto;white-space:pre-wrap;background:#00000059;border:1px solid #4b0c0d;padding:10px}@media(max-width:960px){.menu-metrics{grid-template-columns:1fr}.career-board{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-actions{grid-template-columns:1fr}.hud-grid{width:min(620px,84vw);grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.screen{padding:14px}.panel{width:96vw;padding:18px;border-radius:14px}.row{align-items:flex-start;flex-direction:column;gap:8px}input[type=range],input[type=number],select{width:min(72vw,250px)}.hud-grid{top:10px;left:10px;gap:6px;width:min(94vw,620px);grid-template-columns:1fr}.hud-contract{left:10px;bottom:10px;width:min(94vw,540px)}.feed{right:10px;width:min(90vw,340px);top:auto;bottom:84px}}@keyframes hud-glow{0%{border-color:#49749ed1;box-shadow:0 8px 16px #00000047,inset 0 0 0 1px #80b0db0f}to{border-color:#80ccffd6;box-shadow:0 10px 18px #0000004d,inset 0 0 0 1px #a2d6ff29,0 0 20px #7cf6ff1f}}@keyframes feed-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes ult-ready-pulse{0%{filter:brightness(1);transform:translateY(0)}to{filter:brightness(1.15);transform:translateY(-1px)}}.hud-headshot-flash{position:absolute;left:50%;top:50%;width:200px;height:200px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #ffd700;box-shadow:0 0 0 1px #0009,0 0 18px #ffd700b3,inset 0 0 14px #ffd70038;opacity:0;transition:opacity 60ms linear;pointer-events:none}.hud-ability-vfx{--ability-vfx-color: transparent;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 80ms linear;border:4px solid var(--ability-vfx-color);border-radius:4px;box-shadow:inset 0 0 60px var(--ability-vfx-color),inset 0 0 120px var(--ability-vfx-color),0 0 30px var(--ability-vfx-color)}.pause-overlay{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#060b12b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:all}.pause-overlay.hidden{display:none}.pause-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:48px 64px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 0 0 1px #7cf6ff14,0 32px 80px #0009,inset 0 0 40px #7cf6ff08;min-width:320px}.pause-title{font-family:Orbitron,monospace;font-size:48px;font-weight:800;letter-spacing:.22em;color:var(--accent);text-shadow:0 0 20px rgba(124,246,255,.7),0 0 60px rgba(124,246,255,.3);margin:0}.pause-hint{font-size:12px;letter-spacing:.1em;color:var(--subtle);text-transform:uppercase;margin:0}.pause-actions{display:flex;flex-direction:column;gap:12px;width:100%}.pause-btn{width:100%;padding:14px 32px;font-family:Orbitron,monospace;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:6px;border:1px solid var(--accent);background:#7cf6ff14;color:var(--accent);cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.pause-btn:hover,.pause-btn:focus-visible{background:#7cf6ff2e;box-shadow:0 0 16px #7cf6ff4d;outline:none}.pause-btn-quit{border-color:var(--danger);background:#ff64640f;color:var(--danger)}.pause-btn-quit:hover,.pause-btn-quit:focus-visible{background:#ff646429;box-shadow:0 0 16px #ff64644d}.hud-health-bar{position:absolute;left:18px;bottom:80px;width:min(220px,30vw);height:18px;border-radius:4px;border:1px solid rgba(77,126,168,.8);background:#070d17e0;overflow:hidden;display:flex;align-items:center}.hud-health-bar-fill{position:absolute;left:0;top:0;height:100%;width:100%;background:linear-gradient(90deg,#7fffbe,#7fffbecc);box-shadow:0 0 8px #7fffbe66;transition:width 80ms linear;border-radius:3px 0 0 3px}.hud-health-bar-text{position:relative;z-index:1;width:100%;text-align:center;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;color:#e8f4ff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.hud-ammo-dots{position:absolute;right:18px;bottom:80px;display:flex;align-items:center;gap:3px;padding:5px 8px;border-radius:6px;border:1px solid rgba(77,126,168,.8);background:#070d17e0}.ammo-dot{display:inline-block;width:6px;height:10px;border-radius:2px;background:var(--accent);box-shadow:0 0 4px #7cf6ff59;transition:background 60ms linear,opacity 60ms linear}.ammo-dot--spent{background:#2d466880;box-shadow:none;opacity:.5}.hud-ammo-text{font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;color:var(--accent);letter-spacing:.04em;text-shadow:0 0 6px rgba(124,246,255,.2)}.hud-ammo-reserve{font-family:Orbitron,sans-serif;font-size:10px;color:var(--subtle);margin-left:6px;letter-spacing:.04em}.hud-ult-arc-svg{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);pointer-events:none;opacity:.7}.hud-ult-arc-bg{stroke:#7cf6ff1f}@media(max-width:720px){.hud-health-bar{left:10px;bottom:70px;width:min(180px,40vw);height:16px}.hud-ammo-dots{right:10px;bottom:70px}.hud-ult-arc-svg{width:40px;height:40px}}