:root{--color-bg: #1a1a1a;--color-surface: #111;--color-surface-elevated: #222;--color-border: #333;--color-border-strong: #444;--color-text: #eee;--color-text-muted: #aaa;--color-text-dim: #666;--color-primary: #0f0;--color-accent: #0af;--color-danger: #f00;--color-warning: #ff9800;--color-success: #4caf50;--color-success-muted: rgba(0, 255, 0, .2);--color-info: #00ffff;--color-objective: #ffa500;--color-hive: #9900ff;--color-black: #000000;--color-white: #ffffff;--color-wall: #00ffff;--color-floor: #0a0a0a;--color-grid: #111;--color-door-closed: #ffd700;--color-door-locked: #f00;--color-door-destroyed: #550000;--color-door-dim: #aa8800;--color-los-soldier: rgba(0, 255, 0, .4);--color-los-enemy: rgba(255, 0, 0, .4);--color-los-soldier-fade: rgba(0, 255, 0, 0);--color-los-enemy-fade: rgba(255, 0, 0, 0);--color-fog-discovered: rgba(0, 0, 0, .6);--color-fog-unexplored: #000;--color-objective-bg: rgba(255, 170, 0, .1);--color-spawn-bg: rgba(255, 0, 0, .05);--color-extraction-bg: rgba(0, 255, 255, .1)}body.theme-industrial{--color-primary: #ffaa00;--color-accent: #888;--color-wall: #cc8800;--color-info: #ffaa00;--color-door-closed: #aa6600}body.theme-hive{--color-primary: #9900ff;--color-accent: #0f0;--color-wall: #660099;--color-info: #9900ff;--color-door-closed: #440066;--color-floor: #050008}body{margin:0;overflow:hidden;background-color:var(--color-bg);color:var(--color-text);font-family:Courier New,Courier,monospace}#app{width:100vw;height:100vh;position:relative}.screen{width:100%;height:100%;display:none;flex-direction:column;background-color:var(--color-surface)}.screen-centered{align-items:center;justify-content:center;text-align:center}#screen-mission{display:none;flex-direction:column}#game-container{flex-grow:1;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background-color:#000}canvas{box-shadow:0 0 20px #00000080;max-width:100%;max-height:100%;object-fit:contain}h1{color:var(--color-primary);text-shadow:0 0 5px var(--color-primary);font-size:2em;margin-bottom:20px}h2{color:#ccc;border-bottom:1px solid var(--color-border-strong);padding-bottom:5px;width:100%;margin-bottom:15px}h3{color:var(--color-primary);font-size:1.1em;margin:10px 0}button{background-color:var(--color-border);color:var(--color-primary);border:1px solid var(--color-primary);padding:10px 20px;cursor:pointer;margin-top:5px;font-size:1em;transition:all .2s}button:hover{background-color:var(--color-primary);color:var(--color-border)}button.active{background-color:var(--color-primary);color:var(--color-border);font-weight:700}.menu-button{width:300px;margin:10px 0;font-size:1.2em}.back-button{margin-top:20px;background-color:#422;border-color:#f44;color:#fcc}.back-button:hover{background-color:#f44;color:#000}.control-group{margin-top:15px;border-top:1px solid var(--color-border-strong);padding-top:10px;text-align:left;width:100%;max-width:500px}.mission-sidebar-group{margin-top:15px;border-top:1px solid var(--color-border-strong);padding-top:10px}input[type=file],input[type=text],input[type=number],select,textarea{margin-top:5px;color:#000;font-size:.9em;width:100%;box-sizing:border-box;padding:5px}label{display:block;margin-top:10px;color:var(--color-text-muted)}#soldier-list{width:100%;display:flex;gap:5px;height:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.soldier-item{min-width:220px;width:220px;flex:0 0 auto;height:100%;border:1px solid var(--color-border);cursor:pointer;background:var(--color-surface);display:flex;flex-direction:column;padding:2px 8px;box-sizing:border-box;overflow:hidden;transition:border-color .2s}.soldier-item:hover{background-color:var(--color-bg)}.soldier-item.selected{border-color:var(--color-primary);background-color:var(--color-bg)}.soldier-item.dead{color:var(--color-text);background-color:#500;border-color:var(--color-danger);opacity:.9}.soldier-item.extracted{color:#0aa;border-color:#0aa;opacity:.7}.info-row{height:20px;overflow:hidden;white-space:nowrap;margin-bottom:0}.u-id{color:var(--color-primary);font-size:1em}.u-status{font-size:.8em;color:var(--color-text-muted);margin-left:10px;flex-grow:1;text-align:right;overflow:hidden;text-overflow:ellipsis}.hp-bar{height:4px;background:#222;margin:2px 0;border:1px solid var(--color-border-strong);width:100%}.hp-fill{height:100%;background:var(--color-primary);transition:width .3s ease-in-out}.menu-item{border:1px solid var(--color-border-strong);padding:5px 10px;margin-bottom:5px}.menu-item.clickable{cursor:pointer}.menu-item.clickable:hover{background-color:var(--color-border);border-color:var(--color-primary)}.menu-item.active{border-color:var(--color-primary);background-color:#040}.menu-item.disabled{opacity:.5;cursor:not-allowed}.unit-commands{margin-top:auto;display:flex;gap:5px}.unit-commands button{padding:5px 10px;font-size:.85em;flex:1;margin:0}#setup-content{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:600px;padding:20px;background:var(--color-bg);border:1px solid var(--color-border-strong);max-height:80vh;overflow-y:auto}.campaign-node:hover{transform:scale(1.2);z-index:10!important}.campaign-node.accessible:hover{background-color:var(--color-border-strong)!important;border-color:var(--color-primary)!important}.top-bar{height:40px;background:var(--color-surface-elevated);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--color-border-strong);flex-shrink:0}.right-panel{width:300px;background:var(--color-bg);border-left:1px solid var(--color-border-strong);padding:10px;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.soldier-panel{background:var(--color-surface);border-bottom:1px solid var(--color-border-strong);padding:2px 10px;overflow:hidden;flex-shrink:0}.game-over-summary{text-align:center;padding:20px;background:var(--color-surface-elevated);border:2px solid var(--color-primary)}.game-over-summary.lost{border-color:var(--color-danger)}.threat-bar{width:100%;background:var(--color-border);height:12px;border:1px solid #555;position:relative;overflow:hidden;box-sizing:border-box}.threat-fill{width:0%;background:var(--color-success);height:100%;position:relative;z-index:0;transition:width .5s,background-color .5s}.intel-box{margin-bottom:8px;border:1px solid var(--color-border);padding:4px 8px;background:var(--color-surface);border-left:3px solid var(--color-danger)}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-grow{flex-grow:1}.gap-10{gap:10px}.gap-20{gap:20px}.p-20{padding:20px}.relative{position:relative}.align-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.panel{display:flex;flex-direction:column;border:1px solid var(--color-border-strong);background:var(--color-bg);padding:15px;overflow-y:auto;position:relative}.panel-title{margin-top:0;font-size:1.2em;border-bottom:1px solid var(--color-border);padding-bottom:10px;color:var(--color-accent)}.badge{padding:2px 6px;border-radius:3px;font-size:.8em;background:var(--color-border)}.status-badge{padding:5px 15px;color:#000;font-weight:700;border-radius:3px;text-transform:uppercase}.no-transition{transition:none!important}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-box{background:var(--color-surface-elevated);padding:10px;border:1px solid var(--color-border)}.stat-label{font-size:.7em;color:var(--color-text-muted);margin-bottom:5px;text-transform:uppercase}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.equipment-slot{background:var(--color-surface);padding:10px;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:5px}.paper-doll-slot{width:100px;height:100px;border:2px dashed var(--color-border-strong);background:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer}.paper-doll-slot.equipped{border-style:solid;border-color:var(--color-primary)}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border);padding:15px;margin-bottom:15px;display:flex;flex-direction:column;gap:10px}.overlay-stats{position:absolute;top:20px;right:40px;background:#000c;padding:10px 20px;border:1px solid var(--color-border-strong);border-radius:4px;z-index:10}.screen-footer{position:absolute;bottom:20px;left:20px;display:flex;gap:10px}.screen-footer-right{left:auto;right:20px}.debrief-screen{background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;position:absolute;top:0;left:0;width:100%;height:100%}.debrief-header{font-size:4em;margin:0 0 10px}.debrief-header.success{color:var(--color-success);text-shadow:0 0 20px rgba(0,255,0,.5)}.debrief-header.failed{color:var(--color-danger);text-shadow:0 0 20px rgba(255,0,0,.5)}.debrief-panel{background:#191919e6;border:1px solid var(--color-border-strong);padding:25px;display:flex;flex-direction:column}.debrief-item{background:#0000004d;border:1px solid var(--color-border);padding:15px;margin-bottom:10px;display:flex;flex-direction:column}.campaign-map-viewport{flex-grow:1;position:relative;overflow:auto;padding:100px;background:radial-gradient(circle,var(--color-surface-elevated) 0%,#000 100%),linear-gradient(var(--color-surface) 1px,transparent 1px),linear-gradient(90deg,var(--color-surface) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px}.campaign-node{width:44px;height:44px;border-radius:4px;border:1px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:2;background-color:#000c}.campaign-node.revealed{opacity:.4;border-color:var(--color-border);cursor:default}.campaign-node.accessible{border-color:var(--color-primary);box-shadow:inset 0 0 10px #00ff004d,0 0 15px #0f03}.campaign-node.cleared{border-color:#080;background:#00500066;cursor:default}.campaign-node.skipped{opacity:.2;border-color:#444;filter:grayscale(1);cursor:default}.campaign-node.current{border-color:var(--color-accent);box-shadow:inset 0 0 15px #0af6,0 0 20px #00aaff4d}.scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,3px 100%;pointer-events:none;z-index:5}.squad-builder-container{display:flex;flex-direction:row;gap:20px;width:100%;height:400px;min-height:400px}.roster-panel{flex:1;display:flex;flex-direction:column;border:1px solid var(--color-border-strong);background:var(--color-surface);overflow-y:auto;padding:5px}.deployment-panel{width:250px;display:flex;flex-direction:column;gap:10px}.soldier-card{padding:8px 12px;margin-bottom:5px;background:var(--color-surface-elevated);border:1px solid var(--color-border);cursor:grab;-webkit-user-select:none;user-select:none;transition:all .2s;display:flex;flex-direction:column;gap:4px}.soldier-card:hover{border-color:var(--color-primary);background:var(--color-border)}.soldier-card.dragging{opacity:.5;border:1px dashed var(--color-primary)}.soldier-card.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.deployment-slot{height:90px;border:2px dashed var(--color-border-strong);background:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .2s;box-sizing:border-box;padding:5px}.deployment-slot.drag-over{border-color:var(--color-primary);background:var(--color-success-muted)}.deployment-slot.occupied{border-style:solid;border-color:var(--color-primary);background:var(--color-surface-elevated);cursor:pointer}.deployment-slot.locked{border-style:solid;border-color:var(--color-accent);background:#00aaff0d}.slot-label{color:var(--color-text-dim);font-size:.8em;text-transform:uppercase;pointer-events:none}.slot-remove{position:absolute;top:5px;right:5px;color:var(--color-danger);font-weight:700;cursor:pointer;padding:2px 6px;background:#0000004d;font-size:.8em}.slot-remove:hover{background:var(--color-danger);color:#fff}