@import "https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Share+Tech+Mono&display=swap";
:root{--gunmetal-black:#0a0b10;--terminal-text:#e0e0e0;--supply-green:#4caf50;--firepower-red:#f44336;--intel-blue:#03a9f4;--morale-yellow:#ffeb3b;--border-glow:#4caf504d;--font-header:"Black Ops One",cursive;--font-mono:"Share Tech Mono",monospace}body{background-color:var(--gunmetal-black);color:var(--terminal-text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;overflow-x:hidden}*{box-sizing:border-box}.crt-overlay{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#0000001a 2px 3px),radial-gradient(#0000 0% 60%,#0000004d 100%);width:100%;height:100%;animation:8s linear infinite scanline;position:fixed;top:0;left:0}@keyframes scanline{0%{background-position:0 0,50%}to{background-position:0 100vh,50%}}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);letter-spacing:.1em;text-shadow:0 0 10px var(--supply-green)}.cursor-blink:after{content:"_";animation:1s steps(2,end) infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.glass-card{-webkit-backdrop-filter:blur(8px);border:1px solid var(--supply-green);background:#0a140ad9;position:relative;box-shadow:0 0 20px #4caf5033}.glass-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#4caf5005 2px 4px);position:absolute;inset:0}.tactical-btn{border:1px solid var(--terminal-text);color:var(--terminal-text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:crosshair;background:0 0;padding:.75rem 1.5rem;transition:all .1s;position:relative;overflow:hidden}.tactical-btn:hover{background:var(--terminal-text);color:var(--gunmetal-black);border-color:var(--supply-green);animation:.3s glitch}.tactical-btn:active{transform:scale(.98)}@keyframes glitch{0%,to{transform:skew(0deg)}25%{transform:skew(-2deg)}75%{transform:skew(2deg)}}.target-reticle{border:2px solid var(--supply-green);aspect-ratio:1;background:0 0;position:relative}.target-reticle:before,.target-reticle:after{content:"";border:2px solid var(--supply-green);position:absolute}.target-reticle:before{border-bottom:none;border-right:none;width:30%;height:30%;top:-2px;left:-2px}.target-reticle:after{border-top:none;border-left:none;width:30%;height:30%;bottom:-2px;right:-2px}@keyframes radar-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2)}}.radar-ping:hover:after{content:"";border:2px solid var(--supply-green);border-radius:50%;width:100%;height:100%;animation:1s ease-out infinite radar-ping;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hot-zone{animation:2s ease-in-out infinite pulse-red;position:relative;border:2px solid var(--firepower-red)!important}.hot-zone:before{content:"⚠️";font-size:1.2rem;animation:1.5s ease-in-out infinite pulse-icon;position:absolute;top:-10px;right:-10px}@keyframes pulse-red{0%,to{border-color:var(--firepower-red);box-shadow:0 0 10px var(--firepower-red)}50%{box-shadow:0 0 20px var(--firepower-red);border-color:#f4433680}}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.progress-segments{gap:2px;height:12px;display:flex}.progress-segment{border:1px solid var(--supply-green);background:#4caf5033;flex:1}.progress-segment.filled{background:var(--supply-green);box-shadow:0 0 5px var(--supply-green)}.hex-frame{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--supply-green);width:60px;height:70px;padding:2px;position:relative}.hex-frame-inner{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--gunmetal-black);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.status-light{background:var(--supply-green);width:8px;height:8px;box-shadow:0 0 10px var(--supply-green);border-radius:50%;animation:2s ease-in-out infinite status-blink}@keyframes status-blink{0%,90%{opacity:1}95%{opacity:.3}to{opacity:1}}.terminal-counter{font-family:var(--font-mono);color:var(--supply-green);text-shadow:0 0 10px var(--supply-green);letter-spacing:.2em;font-size:1.5rem;font-weight:700}.data-cable{stroke:#333;stroke-width:1px;fill:none;opacity:.5}.tactical-tooltip{border:1px solid var(--supply-green);pointer-events:none;z-index:1000;font-size:.75rem;font-family:var(--font-mono);background:#0a0b10f2;padding:.5rem 1rem;position:absolute;box-shadow:0 0 10px #4caf504d}.tactical-tooltip:before{content:"▶ ";color:var(--supply-green)}.night-vision-map{filter:grayscale()brightness(30%)sepia(20%)hue-rotate(50deg);opacity:.3}.hex-grid-overlay{opacity:.1;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 40px,var(--supply-green)40px,var(--supply-green)41px),repeating-linear-gradient(60deg,transparent,transparent 40px,var(--supply-green)40px,var(--supply-green)41px),repeating-linear-gradient(120deg,transparent,transparent 40px,var(--supply-green)40px,var(--supply-green)41px);width:100%;height:100%;position:absolute;top:0;left:0}.resource-supply{color:var(--supply-green);border-color:var(--supply-green)}.resource-firepower{color:var(--firepower-red);border-color:var(--firepower-red)}.resource-intel{color:var(--intel-blue);border-color:var(--intel-blue)}.resource-morale{color:var(--morale-yellow);border-color:var(--morale-yellow)}.glow-text{text-shadow:0 0 10px}.command-terminal{border-top:2px solid var(--supply-green);z-index:100;background:linear-gradient(#0a0b10f2 0%,#0a0b10 100%);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #4caf5033}.faction-contractor{border-color:var(--supply-green);background:#4caf5066}.faction-hardliner{border-color:var(--firepower-red);background:#f4433666}.faction-operative{border-color:var(--intel-blue);background:#03a9f466}.faction-diplomat{border-color:var(--morale-yellow);background:#ffeb3b66}@keyframes screen-flicker{0%,to{opacity:1}50%{opacity:.97}}body{animation:.15s infinite screen-flicker}:focus{box-shadow:0 0 0 2px var(--supply-green);outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gunmetal-black)}::-webkit-scrollbar-thumb{background:var(--supply-green);border:1px solid var(--gunmetal-black)}::-webkit-scrollbar-thumb:hover{background:#66bb6a}