@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg:#060708;--ink:#f2efe9;--ink-dim:#f2efe98c;--ink-faint:#f2efe947;--accent:#d97f2e;--danger:#d33a2c;--panel:#0607098c;--hairline:#f2efe929;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--z-background:0;--z-canvas:10;--z-ui:100;--z-overlay:1000}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--color-bg);width:100%;height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}.app-container{background-color:var(--color-bg);cursor:none;width:100vw;height:100vh;position:relative}.app-container button{cursor:pointer}.canvas-container{width:100%;height:100%;z-index:var(--z-canvas);position:absolute;top:0;left:0}.ui-container{width:100%;height:100%;z-index:var(--z-ui);pointer-events:none;flex-direction:column;padding:2rem;display:flex;position:absolute;top:0;left:0}.ui-layer{pointer-events:auto}.god-layer-ui{-webkit-user-select:none;user-select:none;flex:1;position:relative}.intro{z-index:calc(var(--z-overlay) + 10);cursor:pointer;background:linear-gradient(#04050759 0%,#0405070d 45%,#04050740 66%,#040507e0 100%);position:fixed;inset:0}.intro-block{position:absolute;bottom:16vh;left:6vw}.intro-eyebrow{font-family:var(--font-body);letter-spacing:.34em;text-transform:uppercase;color:var(--accent);text-shadow:0 1px 14px #000c;margin-bottom:.7rem;font-size:.78rem;font-weight:500}.intro-title{font-family:var(--font-display);letter-spacing:.005em;color:var(--ink);text-shadow:0 2px 40px #0000008c;margin:0 0 1.2rem -.04em;font-size:clamp(4.5rem,13vw,12.5rem);font-weight:700;line-height:.9}.intro-sub{font-family:var(--font-display);letter-spacing:.22em;color:var(--ink-dim);align-items:center;gap:.9rem;font-size:1.05rem;font-weight:500;display:flex}.intro-sub-accent{color:var(--ink)}.intro-sub-sep{background:var(--hairline);width:34px;height:1px}.intro-deploy{font-family:var(--font-display);letter-spacing:.42em;color:var(--ink);font-size:1.05rem;font-weight:600;animation:2.6s ease-in-out infinite deploy-pulse;position:absolute;bottom:6.5vh;left:50%;transform:translate(-50%)}@keyframes deploy-pulse{0%,to{opacity:.95}50%{opacity:.35}}.intro-build{font-family:var(--font-body);letter-spacing:.22em;color:var(--ink-faint);font-size:.62rem;font-weight:500;position:absolute;bottom:4vh;right:4vw}@media (prefers-reduced-motion:reduce){.intro-deploy{animation:none}}.cockpit-frame{pointer-events:none;z-index:calc(var(--z-ui) - 1);position:fixed;inset:0;overflow:hidden}.strut{background:linear-gradient(90deg,#040507f0 0%,#0e1014f0 55%,#040507f0 100%);width:2.2vw;height:130vh;position:absolute;top:-8vh;box-shadow:0 0 24px #000000b3}.strut-left{transform-origin:0 100%;left:2.5vw;transform:rotate(14deg)}.strut-right{transform-origin:100% 100%;right:2.5vw;transform:rotate(-14deg)}.canopy-glass{background:radial-gradient(120% 90% at 50% 40%,#0000 64%,#03040880 100%),linear-gradient(#0000 89%,#03040899 100%);position:absolute;inset:0}.hit-flash{pointer-events:none;z-index:var(--z-ui);background:radial-gradient(#0000 42%,#d33a2c80 100%);transition:opacity 80ms linear;position:fixed;inset:0}.compass-bar{z-index:var(--z-ui);pointer-events:none;position:fixed;top:18px;left:50%;transform:translate(-50%)}.targeting-reticle{will-change:transform;pointer-events:none;z-index:var(--z-ui);flex-direction:column;align-items:center;display:flex;position:fixed;top:0;left:0;transform:translate(50vw,50vh)translate(-50%,-50%)}.ret{width:34px;height:34px;position:relative}.ret-dot{background:#f2efe9f2;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ret-tick{background:#f2efe9d9;position:absolute}.ret-n{width:1.5px;height:8px;top:0;left:50%;transform:translate(-50%)}.ret-s{width:1.5px;height:8px;bottom:0;left:50%;transform:translate(-50%)}.ret-w{width:8px;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.ret-e{width:8px;height:1.5px;top:50%;right:0;transform:translateY(-50%)}.ret-hot .ret-dot,.ret-hot .ret-tick{background:var(--danger)}.reticle-heat{background:#f2efe924;width:40px;height:2px;margin-top:10px;overflow:hidden}.reticle-heat-fill{height:100%;transition:width 60ms linear}.data-cluster{z-index:var(--z-ui);pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;top:22px;right:26px}.data-row-big{gap:22px;display:flex}.data-num{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 1px 12px #0009;align-items:baseline;gap:6px;font-size:2.1rem;font-weight:600;line-height:1;display:flex}.data-unit{letter-spacing:.14em;color:var(--ink-dim);font-size:.68rem;font-weight:500}.hull-line{align-items:center;gap:10px;display:flex}.hull-track{background:#f2efe924;width:150px;height:3px}.hull-fill{height:100%;transition:width .25s,background-color .4s}.hull-label{font-family:var(--font-display);letter-spacing:.16em;font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:600}.data-rows{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.data-kv{font-family:var(--font-display);letter-spacing:.14em;align-items:baseline;gap:12px;font-size:.8rem;display:flex}.data-kv span{color:var(--ink-faint);font-weight:500}.data-kv b{color:var(--ink-dim);font-variant-numeric:tabular-nums;text-align:right;min-width:54px;font-weight:600}.discovery{text-align:center;z-index:var(--z-ui);pointer-events:none;position:fixed;top:16vh;left:50%;transform:translate(-50%)}.discovery-type{font-family:var(--font-body);letter-spacing:.44em;color:var(--accent);margin-bottom:6px;font-size:.66rem;font-weight:500}.discovery-name{font-family:var(--font-display);letter-spacing:.06em;color:var(--ink);text-shadow:0 2px 24px #0009;font-size:3.1rem;font-weight:600;line-height:1}.discovery-rule{background:var(--hairline);width:64px;height:1px;margin:14px auto 0}.warn{font-family:var(--font-display);letter-spacing:.4em;z-index:var(--z-ui);pointer-events:none;font-size:1.7rem;font-weight:700;animation:.5s step-end infinite alternate warn-blink;position:fixed;bottom:24vh;left:50%;transform:translate(-50%)}.warn-red{color:var(--danger)}.warn-amber{color:var(--accent)}.warn-sub{font-family:var(--font-display);letter-spacing:.34em;color:var(--accent);z-index:var(--z-ui);pointer-events:none;font-size:.85rem;font-weight:600;position:fixed;bottom:20vh;left:50%;transform:translate(-50%)}@keyframes warn-blink{0%{opacity:1}to{opacity:.35}}.radar-block{z-index:var(--z-ui);pointer-events:none;position:fixed;bottom:24px;left:26px}.heat-cluster{z-index:var(--z-ui);pointer-events:none;flex-direction:column;align-items:center;gap:6px;transition:opacity .4s;display:flex;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}.heat-track{background:#f2efe924;width:170px;height:3px}.heat-fill{height:100%;transition:width 60ms linear,background-color .3s}.heat-label{font-family:var(--font-display);letter-spacing:.34em;font-size:.62rem;font-weight:600}.game-over{z-index:var(--z-overlay);cursor:auto;background:#0405079e;flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;display:flex;position:fixed;inset:0}.game-over-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--ink);border-bottom:3px solid var(--danger);padding-bottom:1.2rem;font-size:clamp(3.4rem,9vw,8rem);font-weight:700;line-height:1}.game-over-stats{font-family:var(--font-display);letter-spacing:.26em;color:var(--ink-dim);font-size:1rem;font-weight:500}.redeploy-btn{font-family:var(--font-display);letter-spacing:.34em;color:var(--ink);border:1px solid var(--hairline);cursor:pointer;background:0 0;padding:.9rem 2.4rem;font-size:.95rem;font-weight:600;transition:border-color .2s,background .2s}.redeploy-btn:hover{border-color:var(--ink-dim);background:#f2efe90f}