:root{--font-hud: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--dark-bg: hsl(225, 30%, 6%);--panel-bg: hsla(223, 26%, 10%, .75);--border-color: hsla(180, 100%, 50%, .15);--neon-cyan: hsl(180, 100%, 50%);--neon-pink: hsl(325, 100%, 55%);--neon-green: hsl(140, 95%, 45%);--neon-yellow: hsl(50, 100%, 50%);--neon-cyan-glow: hsla(180, 100%, 50%, .3);--neon-pink-glow: hsla(325, 100%, 55%, .3);--neon-green-glow: hsla(140, 95%, 45%, .3);--text-light: hsl(210, 20%, 90%);--text-muted: hsl(215, 15%, 55%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-bg);color:var(--text-light);font-family:var(--font-body);overflow:hidden;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.crt-screen:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:9999;background-size:100% 4px,6px 100%;pointer-events:none}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000,#12101014,#12101000);background-size:100% 12px;z-index:9998;pointer-events:none;animation:scanlineScroll 25s linear infinite}@keyframes scanlineScroll{0%{background-position:0 0}to{background-position:0 100%}}.matrix-background{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%,hsla(220,30%,15%,.3) 0%,transparent 80%),radial-gradient(circle at 10% 20%,hsla(180,100%,50%,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,hsla(325,100%,55%,.03) 0%,transparent 40%);pointer-events:none;z-index:0}.app-container{display:flex;gap:20px;width:96vw;height:94vh;z-index:10;max-width:1600px}.glass-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 8px 32px #0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel{width:320px;display:flex;flex-direction:column;padding:20px;gap:20px;flex-shrink:0}.panel-header{font-family:var(--font-hud);font-size:1.2rem;letter-spacing:2px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.subsection-header{font-family:var(--font-hud);font-size:.9rem;letter-spacing:1px;color:var(--text-light);margin-bottom:12px;text-transform:uppercase}.row-between{display:flex;justify-content:space-between;align-items:center}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-neon-cyan{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan-glow)}.text-neon-pink{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink-glow)}.text-neon-green{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green-glow)}.text-neon-yellow{color:var(--neon-yellow)}.v-good{color:var(--neon-green)}.v-bad{color:var(--neon-pink)}.trace-section{display:flex;flex-direction:column;gap:8px}.label-tech{font-family:var(--font-hud);font-size:.85rem;letter-spacing:1px}.trace-bar{display:flex;gap:4px;height:20px;width:100%;background:#0000004d;padding:3px;border:1px solid rgba(255,255,255,.05);border-radius:3px}.trace-notch{flex:1;background:#ffffff14;border-radius:1px;transition:all .3s ease}.notch-active{background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan-glow)}.notch-warning{background:var(--neon-yellow)}.notch-critical{background:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink-glow);animation:alarmPulse 1s infinite alternate}@keyframes alarmPulse{0%{opacity:.6}to{opacity:1}}.section-subtext{font-size:.75rem;line-height:1.35}.faction-compact-list{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:.8rem}.faction-compact-list li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:6px}.center-stage{flex:1;display:flex;flex-direction:column;gap:20px}.hud-header{height:80px;padding:15px 25px;display:flex;align-items:center}.full-width{width:100%}.game-title{font-family:var(--font-hud);font-size:1.1rem;letter-spacing:3px;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan-glow)}.turn-tracker{display:flex;flex-direction:column;gap:4px}.turn-counter{font-size:.75rem;letter-spacing:1px}.countdown-bar-container{width:140px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:2px}.countdown-bar-fill{height:100%;background:var(--neon-cyan);width:100%;transition:width .5s ease,background-color .5s ease}.phase-banner{font-family:var(--font-hud);font-size:1rem;letter-spacing:2px;padding:8px 18px;border-radius:4px;font-weight:700;text-align:center;transition:all .3s ease}.active-player{background:#00ffff26;border:1px solid var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 10px #00ffff1a}.active-enemy{background:#ff1a9f26;border:1px solid var(--neon-pink);color:var(--neon-pink);box-shadow:0 0 10px #ff1a9f1a;animation:alertPulse 1.2s infinite alternate}.grid-viewport{flex:1;padding:20px;display:flex;justify-content:center;align-items:center}.grid-canvas{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(10,1fr);gap:2px;width:100%;height:100%;max-width:800px;aspect-ratio:12 / 10;background:#0006;padding:5px;border-radius:4px;border:1px solid rgba(255,255,255,.03)}.grid-tile{background:#ffffff05;border:1px solid rgba(255,255,255,.02);border-radius:2px;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .25s ease}.grid-tile:hover{background:#b4ff7f0f;border-color:#b4ff7f33}.tile-floor{background:#0a0f194d}.tile-low_cover{background:linear-gradient(135deg,#2b333b,#21262c);border:1px solid hsl(210,15%,35%);box-shadow:inset 0 0 6px #000c}.tile-high_cover{background:linear-gradient(135deg,#1f252e,#101418);border:1px solid hsl(215,20%,25%);box-shadow:inset 0 0 10px #000000e6}.tile-door-locked{background:repeating-linear-gradient(45deg,#553a00,#553a00 8px,#320 8px,#320 16px);border:1px solid var(--neon-yellow)}.door-graphic{font-family:var(--font-hud);font-size:.65rem;color:var(--neon-yellow);font-weight:700;letter-spacing:1px}.tile-door.door-open{background:#b4ff7f0d;border-left:2px dashed rgba(255,255,255,.1);border-right:2px dashed rgba(255,255,255,.1)}.tile-terminal{background:radial-gradient(circle at center,#00ffff26,#00000080);border:1px dashed var(--neon-cyan)}.term-graphic{font-family:var(--font-hud);font-size:.65rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 4px var(--neon-cyan-glow)}.terminal-hacked{border-color:var(--neon-green)}.terminal-hacked .term-graphic{color:var(--neon-green);text-shadow:0 0 4px var(--neon-green-glow)}.tile-extraction{background:#8cf2730a;border:1px dashed rgba(140,95%,45%,.2);box-shadow:inset 0 0 8px #8cf2730d}.camera-mount{background:radial-gradient(circle,#000c,#0006)}.cam-graphic{font-size:1rem;transition:transform .5s ease}.cam-graphic.dir-S{transform:rotate(0)}.cam-graphic.dir-N{transform:rotate(180deg)}.cam-graphic.cam-spoofed{opacity:.3;animation:flashGrey 1s infinite alternate}@keyframes flashGrey{0%{filter:grayscale(1)}to{filter:grayscale(.5)}}.turret-mount{background:radial-gradient(circle,#000c,#00000080)}.turret-graphic{font-size:1rem}.turret-hijacked{animation:flashCyan 1.5s infinite alternate}@keyframes flashCyan{0%{filter:drop-shadow(0 0 2px var(--neon-cyan))}to{filter:drop-shadow(0 0 6px var(--neon-cyan))}}.threat-camera{background:#ff005526!important;border:1px solid rgba(255,0,85,.3)!important;animation:flashRedPulse 2s infinite alternate}@keyframes flashRedPulse{0%{background:#ff00551a}to{background:#ff005538}}.highlight-move{background:#00ffff14!important;border:1px solid var(--neon-cyan)!important}.highlight-attack{background:#ff005514!important;border:1px solid var(--neon-pink)!important}.highlight-skill{background:#ffc80014!important;border:1px solid var(--neon-yellow)!important}.tile-active-unit{box-shadow:0 0 12px var(--neon-cyan-glow)!important;border:2px solid var(--neon-cyan)!important}.unit-token{width:90%;height:90%;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#000000b3;box-shadow:0 0 10px #000c;animation:spawnPulse .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes spawnPulse{0%{transform:scale(.5)}to{transform:scale(1)}}.token-crew{border:2px solid var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan-glow)}.token-enemy{border:2px solid var(--neon-pink);box-shadow:0 0 8px var(--neon-pink-glow)}.token-escort{border:2px solid var(--neon-yellow);box-shadow:0 0 8px #ffc80066}.token-downed{border-style:dashed!important;opacity:.65;transform:rotate(20deg)}.token-refusing{border-color:var(--neon-yellow)!important;animation:refusal-flicker 1.2s ease-in-out infinite}.token-vengeance{box-shadow:0 0 14px #f05c!important}@keyframes refusal-flicker{0%,to{opacity:1}50%{opacity:.45}}.token-avatar{font-family:var(--font-hud);font-size:.75rem;font-weight:700}.token-hp-bar{width:80%;height:3px;background:#fff3;border-radius:2px;overflow:hidden;margin-top:4px}.token-hp-fill{height:100%;background:var(--neon-green);transition:width .3s ease}.console-panel{height:160px;padding:15px 20px;display:flex;flex-direction:column}.console-log-feed{flex:1;overflow-y:auto;font-family:monospace;font-size:.78rem;line-height:1.5;padding-right:10px}.console-log-feed::-webkit-scrollbar{width:4px}.console-log-feed::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.log-line{margin-bottom:4px;color:var(--text-light)}.log-alert{color:var(--neon-pink)}.log-success{color:var(--neon-green)}.log-failure{color:#f33}.log-hacking{color:var(--neon-cyan)}.log-loyalty{color:var(--neon-yellow);font-style:italic}.unit-detail-hud{flex:1;display:flex;flex-direction:column}.prompt-select-unit{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:var(--font-hud);font-size:.8rem;color:var(--text-muted);gap:20px}.crew-quick-list{display:flex;flex-direction:column;gap:10px;width:100%}.quick-unit-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:10px;border-radius:4px;display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--text-light)}.quick-unit-btn span{padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:700}.avatar-ks,.avatar-vt,.avatar-gc{background:#00ffff26;color:var(--neon-cyan);border:1px solid var(--neon-cyan)}.unit-card{display:flex;flex-direction:column;gap:20px;animation:slideInHUD .3s cubic-bezier(.165,.84,.44,1)}@keyframes slideInHUD{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.unit-card-header{display:flex;gap:15px;align-items:center}.unit-icon-avatar{width:46px;height:46px;border-radius:4px;border:2px solid var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan-glow);background:#00000080;display:flex;justify-content:center;align-items:center;font-family:var(--font-hud);font-weight:900;font-size:1.1rem}.unit-card-name{font-family:var(--font-hud);font-size:1.1rem;color:var(--text-light);letter-spacing:1px}.unit-card-class{font-size:.75rem;letter-spacing:1px}.unit-stats-group{display:flex;flex-direction:column;gap:12px}.stat-bar-container{display:flex;flex-direction:column;gap:6px}.stat-label{font-size:.72rem;letter-spacing:1px;font-family:var(--font-hud)}.stat-value{font-size:.72rem;font-family:var(--font-hud)}.stat-bar-bg{height:6px;width:100%;background:#ffffff14;border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;width:100%;transition:width .3s ease}.bg-neon-green{background-color:var(--neon-green);box-shadow:0 0 6px var(--neon-green-glow)}.stress-dots-group{display:flex;gap:4px}.stress-dot{width:8px;height:8px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.02);transition:all .3s ease}.dot-filled{background:var(--neon-cyan);box-shadow:0 0 4px var(--neon-cyan-glow)}.dot-danger{background:var(--neon-pink);box-shadow:0 0 5px var(--neon-pink-glow)}.attributes-table{width:100%;font-size:.7rem;letter-spacing:.5px;border-collapse:collapse}.attributes-table td{padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.03)}.attributes-table td:nth-child(2n){text-align:right;font-family:var(--font-hud);font-weight:700;color:var(--neon-cyan)}.attributes-table td:nth-child(odd){color:var(--text-muted)}.unit-narrative-group{display:flex;flex-direction:column;gap:8px;font-size:.72rem}.loyalty-badge{font-size:.65rem;font-weight:900;padding:2px 6px;border-radius:3px;font-family:var(--font-hud)}.badge-devoted{background:#00ffff26;color:var(--neon-cyan);border:1px solid var(--neon-cyan)}.badge-loyal{background:#00ff001f;color:var(--neon-green);border:1px solid var(--neon-green)}.badge-detached{background:#ffffff14;color:var(--text-muted);border:1px solid rgba(255,255,255,.25)}.badge-conflicted{background:#ffc8001f;color:var(--neon-yellow);border:1px solid var(--neon-yellow)}.badge-fractured{background:#ff005526;color:var(--neon-pink);border:1px solid var(--neon-pink)}.bg-loyalty-high{background-color:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan-glow)}.bg-loyalty-mid{background-color:var(--neon-yellow);box-shadow:0 0 6px #ffc8004d}.bg-loyalty-low{background-color:var(--neon-pink);box-shadow:0 0 6px var(--neon-pink-glow)}.bonds-group{display:flex;flex-direction:column;gap:5px;margin-top:4px}.bond-chip{font-size:.62rem;font-family:var(--font-hud);letter-spacing:.5px;padding:4px 7px;border-radius:3px;background:#ffffff0a;border-left:2px solid var(--neon-cyan);cursor:help}.bond-chip .bond-type{font-weight:900;margin-right:4px}.bond-chip .bond-effect{float:right;color:var(--text-muted)}.bond-trust{border-left-color:var(--neon-cyan)}.bond-trust .bond-type{color:var(--neon-cyan)}.bond-debt{border-left-color:var(--neon-green)}.bond-debt .bond-type{color:var(--neon-green)}.bond-suspicion{border-left-color:var(--neon-yellow)}.bond-suspicion .bond-type{color:var(--neon-yellow)}.psych-status-line{font-size:.65rem;font-family:var(--font-hud);font-weight:700;letter-spacing:1px;color:var(--neon-pink);padding:4px 0}.actions-panel{display:flex;flex-direction:column;gap:12px}.action-buttons-layout{display:flex;flex-direction:column;gap:8px}.panel-divider{border:0;height:1px;background:#ffffff0d;margin:5px 0}button{font-family:var(--font-hud);font-size:.75rem;font-weight:700;letter-spacing:1.5px;padding:12px;border-radius:4px;cursor:pointer;transition:all .25s ease;border:1px solid transparent;outline:none}button:disabled{opacity:.35!important;cursor:not-allowed!important;box-shadow:none!important;border-color:#ffffff0d!important}.btn-primary{background:var(--neon-cyan);color:var(--dark-bg);box-shadow:0 0 10px var(--neon-cyan-glow)}.btn-primary:hover{background:#0cc;box-shadow:0 0 15px var(--neon-cyan)}.btn-primary.btn-active{background:var(--dark-bg);color:var(--neon-cyan);border:1px solid var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan-glow)}.btn-secondary{background:#ffffff08;border:1px solid var(--border-color);color:var(--neon-cyan);box-shadow:0 0 6px #00ffff0d}.btn-secondary:hover{background:#00ffff14;box-shadow:0 0 10px var(--neon-cyan-glow);border-color:var(--neon-cyan)}.btn-danger{background:#ff00551a;border:1px solid rgba(255,0,85,.4);color:var(--neon-pink)}.btn-danger:hover{background:#f053;border-color:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink-glow)}.btn-hud{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);color:var(--text-light);text-align:left;padding-left:15px}.btn-hud:hover{background:#00ffff0f;border-color:var(--neon-cyan);color:var(--neon-cyan)}.btn-hud-attack{border-color:#f053}.btn-hud-attack:hover{border-color:var(--neon-pink);color:var(--neon-pink);background:#ff00550d}.btn-hud-skill{border-color:#ffc80033}.btn-hud-skill:hover{border-color:var(--neon-yellow);color:var(--neon-yellow);background:#ffc8000d}.btn-full-width{width:100%}.combat-forecast-tooltip{position:absolute;background:var(--panel-bg);border:1px solid var(--neon-pink);box-shadow:0 0 12px var(--neon-pink-glow);border-radius:4px;padding:12px;z-index:10000;width:180px;pointer-events:none;font-size:.75rem;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.forecast-title{font-family:var(--font-hud);font-size:.7rem;letter-spacing:1px;color:var(--text-muted)}.forecast-target{font-weight:700;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:6px;margin-bottom:4px}.forecast-row{display:flex;justify-content:space-between;align-items:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#05080fd9;display:flex;justify-content:center;align-items:center;z-index:10001;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:90%;max-width:960px;padding:35px;display:flex;flex-direction:column;gap:25px;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleUp{0%{transform:scale(.9)}to{transform:scale(1)}}.modal-header{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:15px}.modal-header h2{font-family:var(--font-hud);font-size:1.5rem;letter-spacing:2px;margin-bottom:8px}.modal-subtitle{font-size:.82rem}.modal-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.modal-column{background:#0003;border:1px solid rgba(255,255,255,.02);border-radius:4px;padding:15px}.fallout-detail-list{list-style:none;display:flex;flex-direction:column;gap:15px}.fallout-list-item{font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:8px}.fallout-list-item strong{font-family:var(--font-hud);letter-spacing:.5px;font-size:.78rem}.fallout-note{font-size:.72rem;color:var(--text-muted);line-height:1.35;margin-top:4px}.modal-footer{display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.05);padding-top:20px}