.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}: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}