.layout-container{display:flex;height:100vh;width:100vw;background-color:#1a1a1a;color:#e0e0e0}.panel{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.controls-panel{width:300px;background-color:#2a2a35;border-right:1px solid #3f3f5a;flex-shrink:0}.canvas-panel{flex-grow:1;display:flex;justify-content:center;align-items:center;background-color:#0f0f15;overflow:hidden;padding:2rem}.info-panel{width:350px;background-color:#2a2a35;border-left:1px solid #3f3f5a;flex-shrink:0}h2{margin-top:0;margin-bottom:.5rem;font-size:1.25rem;color:#fff;border-bottom:1px solid #4a4a6a;padding-bottom:.5rem}h3{margin-top:0;margin-bottom:.5rem;font-size:1rem;color:#a78bfa}.control-group{display:flex;flex-direction:column;gap:.5rem}.theme-toggle{display:flex;background-color:#1f1f2e;border-radius:6px;padding:2px;border:1px solid #4a4a6a}.toggle-btn{flex:1;border:none;background:transparent;padding:.5rem;font-size:.8rem;font-weight:600;color:#9ca3af;cursor:pointer;transition:all .2s;border-radius:4px}.toggle-btn.active{background-color:#4b2ba2;background:linear-gradient(135deg,#4c1d95,#6d28d9);color:#fff;box-shadow:0 0 10px #6d28d980}.toggle-btn:hover:not(.active){background-color:#2e2e45;color:#fff}.control-group label{font-weight:600;font-size:.875rem;color:#d1d5db}input[type=file],select,button{padding:.5rem;border-radius:4px;border:1px solid #4a4a6a;background-color:#1f1f2e;color:#fff;font-family:inherit}button{cursor:pointer;transition:background-color .2s;font-weight:600}button:hover{background-color:#3f3f5a}.map-legend{margin-top:2rem;padding:1.5rem;background:#1e102599;border-radius:12px;border:1px solid rgba(251,207,232,.2)}.map-legend h3{margin-top:0;font-size:1.25rem;color:#fbcfe8;background:linear-gradient(135deg,#fbcfe8,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.map-legend ul{list-style:none;padding:0;margin:0}.map-legend li{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:.95rem;color:#fff0f2}.legend-icon{width:14px;height:14px;display:inline-block;border-radius:2px}.legend-icon.deploy{background-color:#3b82f6}.legend-icon.objective{background-color:#ef4444}.legend-icon.collectible{background-color:#22d3ee;transform:rotate(45deg);width:10px;height:10px;margin-left:2px}.legend-icon.npc{background-color:#fde047;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.legend-icon.door{background-color:#f43f5e;border-radius:1px;width:16px;height:8px}.legend-icon.ingress{background-color:transparent;border-left:2px solid #ef4444;border-bottom:2px solid #ef4444;transform:rotate(-45deg);width:8px;height:8px;margin-top:-4px}.primary-btn{background-color:#4c1d95;border-color:#5b21b6;padding:.75rem}.primary-btn:hover{background-color:#5b21b6}.secondary-btn{background-color:transparent}.control-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.map-canvas{background-color:#1e1025;box-shadow:0 0 20px #00000080;border:2px solid #be185d;max-width:100%;max-height:100%;object-fit:contain}.info-section{background-color:#1f1f2e;border-radius:6px;padding:1rem}.mission-details h4{margin:0 0 .5rem;color:#fff}.mission-details span{font-weight:400;color:#9ca3af;font-size:.875rem}.mission-details p{margin:.25rem 0;font-size:.875rem}.tag-note{color:#fca5a5}.empty-state{color:#6b7280;font-style:italic;font-size:.875rem;margin:0}.manifest-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.manifest-list li{font-size:.875rem;display:flex;flex-direction:column;background-color:#2a2a35;padding:.5rem;border-radius:4px}.manifest-list .tags{color:#9ca3af;font-size:.75rem}.mt-auto{margin-top:auto}.campaign-dialogue-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.dialogue-box{background-color:#0f0f15;border:2px solid #22c55e;width:600px;max-width:90%;font-family:Courier New,Courier,monospace;color:#4ade80;box-shadow:0 0 15px #22c55e4d}.dialogue-header{background-color:#22c55e;color:#0f0f15;padding:.5rem 1rem;display:flex;align-items:center;gap:1rem;font-weight:700}.speaker-avatar{font-size:1.5rem}.dialogue-body{padding:2rem;min-height:120px;font-size:1.1rem;line-height:1.5}.typewriter-text{margin:0;display:inline}.blinking-cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.dialogue-footer{padding:.5rem 1rem;text-align:right;font-size:.8rem;color:#22c55e;opacity:.7;border-top:1px solid rgba(34,197,94,.3)}.war-room-container{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:900;font-family:Courier New,Courier,monospace;color:#f59e0b;padding:2rem;display:flex;flex-direction:column}.terminal-header{text-align:center;font-size:2rem;border-bottom:2px dashed #f59e0b;padding-bottom:1rem;margin-bottom:2rem}.war-room-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;flex-grow:1}.war-room-grid .panel{border:1px solid #f59e0b;background:#111;border-radius:0;color:#d97706}.war-room-grid h2{color:#f59e0b;border-bottom-color:#f59e0b}.squad-list{list-style:none;padding:0;margin:0}.squad-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #333}.squad-item strong{color:#fde047}.supply-count{font-size:1.2rem;margin-bottom:1rem}.highlight-amber{color:#fcd34d;font-weight:700}.highlight-text{background:#f59e0b;padding:0 4px;color:#000}.action-row{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.action-btn{background:transparent;border:1px solid #f59e0b;color:#f59e0b;font-family:inherit;text-align:left;border-radius:0}.action-btn:hover:not(:disabled){background:#f59e0b;color:#000}.action-btn:disabled{border-color:#555;color:#555;cursor:not-allowed}.terminal-select{background:#000;border:1px solid #f59e0b;color:#f59e0b;font-family:inherit;margin-left:.5rem;border-radius:0}.err-msg{color:#ef4444;font-size:.8rem}.warn-msg{color:#eab308;font-size:.8rem}.log-scroll-area{overflow-y:auto;max-height:250px;font-size:.9rem;color:#d97706}.log-entry{margin-bottom:.25rem}.war-room-footer{margin-top:2rem;text-align:center}.deploy-btn{font-size:1.5rem;background:#f59e0b;color:#000;border:none;padding:1rem 3rem;font-weight:700;border-radius:0}.deploy-btn:hover{background:#fcd34d}.deploy-btn.fail-btn{background:#ef4444;color:#fff;box-shadow:0 0 20px #ef444480}.deploy-btn.fail-btn:hover{background:#b91c1c}.ammo-pool-display{margin-top:15px;padding:10px;background:#f59e0b1a;border:1px dashed #f59e0b;text-align:center;font-size:1rem;font-weight:700;color:#f59e0b}.squad-row{display:flex;justify-content:space-between;align-items:center;width:100%}.soldier-name{flex:1;font-weight:700}.soldier-stats{flex:2;text-align:center;opacity:.8;font-size:.85rem}.reload-controls{flex:1.5;display:flex;align-items:center;gap:8px;justify-content:flex-end}.arrow-btn{background:transparent;border:1px solid #f59e0b;color:#f59e0b;padding:2px 6px;cursor:pointer;font-size:.7rem;line-height:1;transition:all .2s ease}.arrow-btn:hover:not(:disabled){background:#f59e0b;color:#000}.arrow-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#3f3f46;color:#3f3f46}.control-divider{color:#3f3f46;margin:0 2px;font-size:1rem;opacity:.5}.arrow-btn.spend-btn{border-color:#ef4444;color:#ef4444;font-weight:700}.arrow-btn.spend-btn:hover:not(:disabled){background:#ef4444;color:#000}.npc-assigned{font-size:.8rem;color:#a1a1aa;margin-left:12px;font-style:italic;border-left:2px solid #3f3f46;padding-left:8px}.dead-toggle{background:transparent;border:1px solid #3f3f46;color:#ef4444;cursor:pointer;font-size:.8rem;padding:2px 6px;margin-right:12px;transition:all .2s}.dead-toggle.active{background:#ef4444;color:#000;border-color:#ef4444}.dead-toggle:hover{border-color:#ef4444}.conscious-toggle{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#a1a1aa;cursor:pointer;margin:0 15px;-webkit-user-select:none;user-select:none}.conscious-toggle input{cursor:pointer;accent-color:#fcd34d}.dead-soldier{opacity:.4;text-decoration:line-through;filter:grayscale(1);pointer-events:none}.dead-soldier .dead-toggle{pointer-events:auto;text-decoration:none}.unconscious-soldier{color:#71717a;font-style:italic}.unconscious-soldier .highlight-text{color:#71717a}.npc-list{list-style:none;padding:0;margin:0}.conscript-btn{padding:2px 8px!important;font-size:.75rem!important;text-transform:uppercase;background:#fcd34d!important;color:#000!important;border-color:#fcd34d!important}.conscript-btn:hover:not(:disabled){background:#fbbf24!important}.conscript-btn:disabled{background:transparent!important;border-color:#3f3f46!important;color:#3f3f46!important}.story-background-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:5000;display:flex;justify-content:center;align-items:center;color:#fcd34d;font-family:Courier New,Courier,monospace;padding:2rem;overflow:hidden;cursor:pointer}.story-content{max-width:900px;width:100%;text-align:center;position:relative;z-index:2}.story-header{font-size:1rem;color:#6d28d9;margin-bottom:3rem;letter-spacing:.3rem;text-transform:uppercase;font-weight:700;opacity:.8}.story-text{font-size:1.6rem;line-height:1.8;margin:0 auto 2rem;text-shadow:0 0 15px rgba(252,211,77,.4);min-height:120px;display:flex;align-items:center;justify-content:center}.story-footer{margin-top:4rem;font-size:.8rem;color:#a1a1aa;letter-spacing:.1rem;opacity:.6}.story-footer .blinking-cursor{font-size:1.2rem;margin-left:5px}.vignette-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,transparent 30%,#000 90%);pointer-events:none;z-index:1}@keyframes pulse-gold{0%{text-shadow:0 0 10px rgba(252,211,77,.3)}50%{text-shadow:0 0 20px rgba(252,211,77,.6)}to{text-shadow:0 0 10px rgba(252,211,77,.3)}}.story-text{animation:pulse-gold 4s infinite ease-in-out}.shift-events-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000eb;display:flex;justify-content:center;align-items:center;z-index:950;font-family:Courier New,Courier,monospace}.shift-events-box{background:#0a0e1a;border:2px solid #3b82f6;box-shadow:0 0 30px #3b82f640,inset 0 0 60px #0009;width:860px;max-width:95vw;max-height:88vh;overflow-y:auto;padding:2.5rem;color:#cbd5e1}.shift-header-label{font-size:.75rem;letter-spacing:.25rem;text-transform:uppercase;color:#3b82f6;border-bottom:1px solid #1e3a5f;padding-bottom:.5rem;margin-bottom:1.5rem;font-weight:700}.shift-header-label.shift-label-green{color:#22c55e;border-bottom-color:#14532d}.shift-header-label.shift-label-red{color:#ef4444;border-bottom-color:#7f1d1d}.shift-intro{text-align:center}.shift-title{font-size:2rem;color:#93c5fd;margin:0 0 1.25rem;text-shadow:0 0 12px rgba(147,197,253,.5)}.shift-flavour{color:#94a3b8;line-height:1.7;margin:0 0 1rem;font-size:.95rem}.shift-npc-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.shift-npc-avatar{font-size:2.5rem;line-height:1;filter:drop-shadow(0 0 6px rgba(147,197,253,.4))}.shift-event-title{font-size:1.1rem;font-weight:700;color:#e2e8f0;margin-bottom:2px}.shift-npc-name{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.1rem}.shift-narrative{color:#94a3b8;font-size:.95rem;line-height:1.75;margin:0 0 1.25rem;font-style:italic;border-left:3px solid #1e3a5f;padding-left:1rem}.shift-outcome-box{background:#22c55e0f;border:1px solid #14532d;padding:1rem 1.25rem;margin-bottom:1.25rem}.shift-outcome-label{font-size:.7rem;letter-spacing:.15rem;color:#22c55e;text-transform:uppercase;margin-bottom:.5rem;font-weight:700}.shift-outcome-text{color:#86efac;font-size:.9rem;line-height:1.65;margin:0}.shift-supply-delta{display:inline-block;padding:4px 12px;font-size:.85rem;font-weight:700;letter-spacing:.05rem;border-radius:3px;margin-bottom:1.25rem}.shift-supply-delta.positive{background:#22c55e1f;color:#4ade80;border:1px solid #166534}.shift-supply-delta.negative{background:#ef44441f;color:#f87171;border:1px solid #7f1d1d}.shift-encounter-card{background:#ef44440f;border:1px solid #7f1d1d;padding:1.25rem;margin:1.25rem 0}.shift-encounter-title{font-size:.75rem;letter-spacing:.2rem;color:#ef4444;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.mini-map-container{display:flex;gap:1.5rem;margin:1.5rem 0;align-items:flex-start}.mini-map-canvas-wrapper{flex:1;display:flex;flex-direction:column;align-items:center}.map-caption{font-size:.7rem;color:#ef4444;letter-spacing:.15rem;margin-top:.5rem;font-weight:700}.mini-map-manifest{width:240px;background:#0f172a99;border:1px solid #1e3a5f;padding:1rem;border-radius:4px}.manifest-header{font-size:.7rem;letter-spacing:.1rem;color:#93c5fd;border-bottom:1px solid #1e3a5f;margin-bottom:.75rem;padding-bottom:.4rem;font-weight:700}.manifest-list{display:flex;flex-direction:column;gap:.5rem}.manifest-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.manifest-label{background:#fde047;color:#000;font-weight:700;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:.8rem;flex-shrink:0}.manifest-name{flex:1;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manifest-count{color:#94a3b8;font-family:monospace}.shift-setup-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.shift-setup-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:#e2e8f0;line-height:1.5}.setup-icon{font-size:1rem;flex-shrink:0;margin-top:2px}.shift-resolution-prompt{text-align:center;font-size:.85rem;color:#64748b;margin:1rem 0 .75rem;text-transform:uppercase;letter-spacing:.1rem}.shift-btn{border:none;border-radius:2px;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700;letter-spacing:.08rem;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s;text-transform:uppercase}.shift-btn-primary{background:#3b82f6;color:#fff;display:block;width:100%;margin-top:.5rem}.shift-btn-primary:hover{background:#2563eb;box-shadow:0 0 12px #3b82f680}.shift-btn-danger{background:#ef4444;color:#fff}.shift-btn-danger:hover{background:#dc2626;box-shadow:0 0 10px #ef444466}.shift-btn-secondary{background:transparent;color:#64748b;border:1px solid #334155}.shift-btn-secondary:hover{background:#1e293b;color:#cbd5e1}.shift-resolution-btns{display:flex;gap:1rem;justify-content:center}.casualty-row{display:flex;align-items:center;gap:1rem;background:#ffffff0a;border:1px solid #1e293b;padding:.75rem 1rem;margin-bottom:.5rem;border-radius:2px}.casualty-avatar{font-size:1.5rem;flex-shrink:0}.casualty-name{flex:1;font-size:.9rem;color:#cbd5e1}.casualty-select{background:#0f172a;border:1px solid #334155;color:#cbd5e1;font-family:Courier New,Courier,monospace;font-size:.85rem;padding:4px 6px;border-radius:2px;cursor:pointer}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%;display:flex;flex-direction:column}*{box-sizing:border-box}