.btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:.375rem .75rem;font-size:.875rem}.btn-medium{padding:.5rem 1rem;font-size:1rem}.btn-large{padding:.75rem 1.5rem;font-size:1.125rem}.btn-primary{background:var(--color-primary);color:var(--color-text-primary)}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:var(--color-text-muted);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-text-muted-dark)}.btn-danger{background:var(--color-error);color:var(--color-text-primary)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-success{background:var(--color-success);color:var(--color-text-primary)}.btn-success:hover:not(:disabled){background:#15803d}.btn-full-width{width:100%}@media (max-width:768px){.btn{min-height:44px;padding:.75rem 1rem}.btn-small{min-height:44px;padding:.625rem 1rem;font-size:.875rem}.btn-medium{min-height:44px;padding:.75rem 1.25rem;font-size:1rem}.btn-large{min-height:48px;padding:.875rem 1.75rem;font-size:1.125rem}}.time-controls{border-radius:8px;flex-direction:column;gap:1rem;padding:.5rem 1rem;transition:background .3s;display:flex}.time-controls.playing{background:repeating-linear-gradient(-45deg,#0000,#0000 10px,#7575751a 10px 20px);animation:1s linear infinite stripes-animation}@keyframes stripes-animation{0%{background-position:0 0}to{background-position:30px 0}}.controls-main-row{justify-content:space-between;align-items:center;gap:2rem;display:flex}.controls-group{align-items:center;gap:.75rem;display:flex}.speed-buttons{border-left:1px solid #404040;align-items:center;gap:.25rem;margin-left:.5rem;padding-left:.5rem;display:flex}.time-display{align-items:center;gap:.75rem;font-family:Courier New,monospace;font-size:1.25rem;display:flex}.time-label{color:var(--color-text-muted);font-weight:500}.time-value{color:var(--color-primary);font-weight:700}.original-time-indicator{color:var(--color-warning);font-size:.875rem;font-style:italic}.rewind-indicator{color:var(--color-warning);font-size:.875rem;font-weight:500}.original-time{color:var(--color-text-muted);font-size:.875rem;font-style:italic}.rewind-controls{background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;flex-direction:column;gap:1rem;padding:1rem;display:flex}.rewind-slider{flex-direction:column;gap:.5rem;display:flex}.rewind-slider label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.time-slider{-webkit-appearance:none;background:#404040;border-radius:3px;outline:none;width:100%;height:6px}.time-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}.time-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.time-range-labels{color:var(--color-text-muted);justify-content:space-between;font-family:Courier New,monospace;font-size:.75rem;display:flex}.rewind-input{flex-direction:column;gap:.5rem;display:flex}.rewind-actions{justify-content:flex-end;gap:.5rem;display:flex}@media (max-width:768px){.time-controls{gap:.75rem;padding:.5rem}.controls-main-row{flex-direction:column;align-items:stretch;gap:.75rem}.controls-group{flex-wrap:wrap;justify-content:center}.speed-buttons{border-top:1px solid #404040;border-left:none;justify-content:center;width:100%;margin-left:0;padding-top:.5rem;padding-left:0}.time-display{justify-content:center;font-size:1.125rem}.rewind-controls{padding:.75rem}.rewind-actions{flex-direction:column}}.status-minimap{background-color:#0a0a0a;border:1px solid #333;border-radius:4px;margin-top:.75rem;padding:.5rem}.minimap-grid{background-color:#333;border:1px solid #333;gap:1px;width:fit-content;margin-bottom:.5rem;display:grid}.minimap-tile{justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:relative}.minimap-tile.center-position{outline:2px solid var(--color-warning);outline-offset:-2px}.position-marker{font-size:.5rem;line-height:1}.minimap-info{color:var(--color-text-muted);font-family:Courier New,monospace;font-size:.75rem}.message-inbox h2{color:var(--color-primary);margin-top:0;margin-bottom:1rem}.message-list{flex-direction:column;gap:.75rem;display:flex}.message-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:4px;padding:.75rem}.message-item.priority-urgent{background-color:#2a1515;border-color:#d32f2f}.message-item.priority-important{background-color:#2a2015;border-color:#f57c00}.message-header{color:var(--color-text-muted);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.message-status{font-size:1rem}.message-from,.message-to{color:var(--color-text-secondary);font-weight:600}.message-time{margin-left:auto;font-family:Courier New,monospace}.message-content{color:var(--color-text-secondary);line-height:1.5}.message-eta{color:var(--color-text-muted);margin-top:.5rem;font-size:.75rem;font-style:italic}.tabs-container{flex-direction:column;height:100%;display:flex}.tabs-header{border-bottom:2px solid var(--color-border-primary);flex-shrink:0;gap:0;margin-bottom:1rem;display:flex;position:relative}.tabs-header.centered{justify-content:center}.tab-button{cursor:pointer;color:var(--color-text-muted);white-space:nowrap;background-color:#0000;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.tab-button:hover{color:var(--color-text-secondary);background-color:#4a9eff1a}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.overflow-button{padding:.75rem 1rem;font-size:1.2rem}.dropdown-container{position:relative}.dropdown-menu{border:1px solid var(--color-border-primary);z-index:1000;background-color:#2a2a2a;border-radius:4px;min-width:150px;margin-top:.25rem;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000004d}.dropdown-item{width:100%;color:var(--color-text-muted);text-align:left;cursor:pointer;white-space:nowrap;background-color:#0000;border:none;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:block}.dropdown-item:hover{color:var(--color-text-secondary);background-color:#4a9eff1a}.dropdown-item.active{color:var(--color-primary);background-color:#4a9eff26}.dropdown-item:first-child{border-radius:4px 4px 0 0}.dropdown-item:last-child{border-radius:0 0 4px 4px}.tabs-content{flex:1;min-height:0;overflow-y:auto}.tab-dropdown-overlay,.tab-dropdown-modal{display:none}@media (max-width:768px){.tab-button{padding:.75rem 1rem;font-size:.875rem}.overflow-button{min-width:44px;min-height:44px;padding:.75rem}.tabs-header{-webkit-overflow-scrolling:touch;margin-bottom:.75rem;overflow-x:auto}.tabs-header::-webkit-scrollbar{height:2px}.tabs-header::-webkit-scrollbar-thumb{background-color:var(--color-border-primary);border-radius:1px}.dropdown-menu{display:none!important}.tab-dropdown-overlay{z-index:1000;background-color:#000000b3;display:block;position:fixed;inset:0}.tab-dropdown-modal{background-color:var(--color-bg-tertiary);z-index:1001;border-radius:12px;min-width:280px;max-width:calc(100vw - 2rem);padding:1.5rem;display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000080}.tab-dropdown-header{border-bottom:1px solid var(--color-border-primary);margin-bottom:1rem;padding-bottom:1rem}.tab-dropdown-header h4{color:var(--color-text-muted);text-transform:uppercase;margin:0;font-size:.875rem;font-weight:600}.tab-dropdown-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);width:100%;color:var(--color-text-secondary);cursor:pointer;text-align:left;border-radius:8px;min-height:44px;margin-bottom:.75rem;padding:1rem;font-size:1rem}.tab-dropdown-item.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.tab-dropdown-close{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);width:100%;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;min-height:44px;margin-top:.5rem;padding:.875rem;font-size:1rem}}.modal-overlay{z-index:1000;background-color:#000c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:8px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex}.modal-header{border-bottom:1px solid var(--color-border-primary);padding:1.5rem;position:relative}.modal-header h3{color:var(--color-primary);margin:0 0 .5rem}.modal-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1;transition:color .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--color-text-primary)}.modal-body{padding:1.5rem;overflow:auto}.modal-actions{border-top:1px solid var(--color-border-primary);gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.select-wrapper{flex-direction:column;gap:.25rem;display:flex}.select-label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.select-container{width:100%;display:inline-block;position:relative}.select-input{border:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary);width:100%;color:var(--color-text-secondary);cursor:pointer;appearance:none;border-radius:6px;padding:.5rem 2.5rem .5rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.select-input:hover:not(:disabled){border-color:var(--color-primary);background-color:#232323}.select-input:focus{border-color:var(--color-primary);background-color:#232323;outline:none;box-shadow:0 0 0 3px #4a9eff1a}.select-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-secondary)}.select-input option{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:.5rem}.select-input optgroup{background-color:var(--color-bg-secondary);color:var(--color-primary);font-style:normal;font-weight:600}.select-icon{width:1.25rem;height:1.25rem;color:var(--color-text-muted);pointer-events:none;transition:color .2s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.select-input:hover:not(:disabled)~.select-icon,.select-input:focus~.select-icon{color:var(--color-primary)}.select-small .select-input{padding:.375rem 2rem .375rem .75rem;font-size:.875rem}.select-small .select-icon{width:1rem;height:1rem;right:.5rem}.select-medium .select-input{padding:.5rem 2.5rem .5rem 1rem;font-size:1rem}.select-large .select-input{padding:.75rem 3rem .75rem 1.25rem;font-size:1.125rem}.select-large .select-icon{width:1.5rem;height:1.5rem;right:1rem}.select-disabled{opacity:.6}.map-container{flex-direction:column;gap:.5rem;width:100%;display:flex}.floor-selector{background-color:#2d2d2d;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.floor-selector label{color:#e0e0e0;font-size:.875rem}.floor-selector select{color:#e0e0e0;cursor:pointer;background-color:#1a1a1a;border:1px solid #404040;border-radius:4px;padding:.25rem .5rem;font-size:.875rem}.map-grid{aspect-ratio:1;background-color:#404040;border:2px solid #404040;gap:2px;max-width:100%;margin:0 auto;display:grid}.map-tile{aspect-ratio:1;justify-content:center;align-items:center;min-height:40px;transition:all .2s;display:flex;position:relative}.map-tile.interactive{cursor:pointer}.map-tile.interactive:hover{opacity:.8;outline-offset:-3px;z-index:1;outline:3px solid #4a9eff}.map-tile.blocked{opacity:.6}.map-tile.interactive.blocked{cursor:not-allowed}.map-tile.interactive.blocked:hover{outline-color:#f44}.map-tile.selectable-blocked{cursor:pointer!important}.map-tile.selectable-blocked:hover{outline-color:orange!important}.map-tile.hovered{outline-offset:-2px;outline:2px solid #4a9eff}.map-tile.destination,.map-tile.highlighted-personnel{outline-offset:-3px;outline:3px solid orange}.personnel-marker.last-known{opacity:.7;background-color:#0006;border-style:dashed}.last-known-badge{color:#fff;background:orange;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.highlighted-position-marker{z-index:2;color:#4a9eff;text-shadow:0 0 5px #4a9effcc;font-size:2rem;position:absolute}.highlighted-position{box-shadow:inset 0 0 0 3px #4a9eff}.target-indicator{z-index:3;font-size:1rem;position:absolute;top:2px;right:2px}@media (max-width:768px){.floor-selector{padding:.75rem}.floor-selector select{min-height:44px;padding:.5rem .75rem;font-size:1rem}.map-grid{border-width:1px;gap:1px}.map-tile{min-height:30px}.map-tile.interactive{min-height:35px}.personnel-marker{border-width:2px}.personnel-icon{font-size:1.25rem}.destination-marker{font-size:.7rem}.highlighted-position-marker{font-size:1.5rem}}.command-panel{flex-direction:column;gap:1.5rem;padding:0;display:flex}.command-section{border-bottom:1px solid var(--color-border-primary);flex-direction:column;gap:1rem;padding-bottom:2rem;display:flex}.command-section:last-child{border-bottom:none}.command-section h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1rem}.textarea-group{flex-direction:column;gap:.25rem;display:flex}.textarea-label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.command-section textarea{border:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary);width:100%;color:var(--color-text-secondary);resize:vertical;border-radius:6px;padding:.75rem;font-family:inherit;font-size:1rem;transition:all .2s}.command-section textarea:hover{border-color:var(--color-primary);background-color:#232323}.command-section textarea:focus{border-color:var(--color-primary);background-color:#232323;outline:none;box-shadow:0 0 0 3px #4a9eff1a}.quick-commands{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.rewind-warning{color:#fc0;background-color:#3d2d00;border-radius:4px;margin-top:.5rem;padding:.5rem;font-size:.875rem}@media (max-width:768px){.command-panel{gap:1rem}.command-section{gap:.75rem;padding-bottom:1.5rem}.command-section h3{font-size:.875rem}.quick-commands{grid-template-columns:1fr}.command-section textarea{min-height:100px;font-size:1rem}}.panel-container{padding:0}.panel-list{flex-direction:column;gap:.75rem;display:flex;overflow-y:auto}.panel-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:4px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.panel-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.25rem;display:flex}.panel-card-title{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:1rem;font-weight:600;display:block}.panel-card-meta{color:var(--color-text-muted);gap:1rem;font-family:monospace;font-size:.875rem;display:flex}.panel-card-content{color:var(--color-text-tertiary);font-size:.875rem;line-height:1.4}.info-box{background-color:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:4px;padding:.5rem}.info-box-header{color:var(--color-text-muted-light);align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.8125rem;display:flex}.info-box-label{color:var(--color-text-muted-dark);font-weight:500}.action-list{margin:.5rem 0}.action-list strong{color:var(--color-text-muted);font-size:.875rem}.action-item{align-items:center;gap:.5rem;padding:.25rem 0;font-family:monospace;font-size:.8125rem;display:flex}.action-number{color:var(--color-text-muted-dark);min-width:1.5rem}.action-type{color:var(--color-primary);font-weight:500}.action-target{color:var(--color-text-muted)}.action-status{text-transform:uppercase;border-radius:3px;margin-left:auto;padding:.125rem .375rem;font-size:.75rem}.event-number{background-color:var(--color-primary);width:2rem;height:2rem;color:var(--color-text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.event-data{font-size:.75rem}.event-data pre{background-color:var(--color-bg-primary);color:var(--color-primary);border-radius:3px;margin:0;padding:.5rem;overflow-x:auto}.panel-card .panel-card-title{margin-bottom:.25rem;display:block}.multiselect-container{width:100%;font-size:.875rem;position:relative}.multiselect-label{color:var(--color-text-primary);margin-bottom:.375rem;font-weight:500;display:block}.multiselect-input{background:var(--color-bg-secondary,#1a1a1a);border:1px solid var(--color-border-primary,#404040);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition:all .2s;display:flex}.multiselect-input:hover{border-color:var(--color-primary)}.multiselect-display{white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-primary);flex:1;overflow:hidden}.multiselect-arrow{color:var(--color-text-secondary);margin-left:.5rem;font-size:.75rem}.multiselect-dropdown{background:var(--color-bg-secondary,#1a1a1a);border:1px solid var(--color-border-primary,#404040);z-index:1000;border-radius:4px;max-height:300px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000080}.multiselect-option{cursor:pointer;background:var(--color-bg-secondary,#1a1a1a);align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .15s;display:flex}.multiselect-option:hover{background:var(--color-bg-hover,#3d3d3d)}.multiselect-option input[type=checkbox]{cursor:pointer;margin:0}.multiselect-option span{color:var(--color-text-primary);flex:1}.multiselect-select-all{font-weight:500}.multiselect-divider{background:var(--color-border-primary,#404040);height:1px;margin:.25rem 0}.progress-item{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.progress-item:last-child{margin-bottom:0}.progress-label{justify-content:space-between;align-items:center;font-size:.813rem;display:flex}.progress-primary-label{color:var(--color-text-primary);text-transform:capitalize;font-weight:600}.progress-secondary-label{color:var(--color-primary);font-size:.75rem}.progress-bar-container{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:4px;width:100%;height:24px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary)0%,var(--color-primary-light)100%);height:100%;transition:width .3s;position:absolute;top:0;left:0}.progress-text{color:var(--color-text-primary);text-shadow:0 1px 2px var(--color-shadow);z-index:1;font-size:.75rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.event-title{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.event-title h3{color:var(--color-text-primary);margin:0;font-size:1rem}.event-progress{margin-top:.5rem}.event-progress h4{color:var(--color-primary);margin:0 0 .5rem;font-size:.875rem}.event-completed-badge{background-color:var(--color-overlay);border:1px solid var(--color-success);color:var(--color-success);border-radius:4px;justify-content:center;align-items:center;padding:.5rem;font-size:.875rem;font-weight:600;display:flex}.position-selector{flex-direction:column;gap:.5rem;display:flex}.position-selector-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.position-selector-controls{align-items:flex-end;gap:.75rem;display:flex}.position-inputs{flex:1;gap:.75rem;display:flex}.position-inputs label{flex-direction:column;flex:1;gap:.25rem;font-size:.875rem;display:flex}.position-inputs input{border:1px solid var(--color-border-primary);color:var(--color-text-secondary);background-color:#2a2a2a;border-radius:4px;padding:.5rem;font-size:.875rem}.position-inputs input:focus{border-color:var(--color-primary);outline:none}.position-selector-map-modal{flex-direction:column;gap:1rem;max-height:70vh;display:flex}.position-selector-map-modal .map-container{border:2px solid var(--color-border-primary);background-color:var(--color-bg-secondary);border-radius:8px;flex:1;max-height:50vh;overflow:auto}.selected-position{text-align:center;color:var(--color-primary);background-color:var(--color-bg-secondary);border-radius:4px;padding:.5rem;font-size:1rem;font-weight:500}.modal-actions{gap:.75rem;display:flex}.icon-button{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);cursor:pointer;color:var(--color-text-secondary);border-radius:4px;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:1.2rem;transition:all .2s;display:inline-flex}.icon-button:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.icon-button:active{transform:scale(.95)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button-small{padding:.125rem .25rem;font-size:1rem}.icon-button-medium{padding:.25rem .5rem;font-size:1.2rem}.icon-button-large{padding:.5rem .75rem;font-size:1.5rem}.icon-button-danger:hover{background-color:var(--color-error);border-color:var(--color-error);color:var(--color-text-primary)}.icon-button-primary:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-primary)}.personnel-editor{flex-direction:column;gap:1rem;height:100%;display:flex}.table-actions{gap:.25rem;display:flex}.view-section{background-color:var(--color-bg-secondary);border-radius:4px;padding:1rem}.view-section h4{color:var(--color-primary);margin:0 0 .75rem;font-size:.875rem}.view-section small{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem;font-weight:400;display:block}.abilities-section{background-color:var(--color-bg-secondary);border-radius:4px;padding:1rem}.abilities-section h4{color:var(--color-primary);margin:0 0 .75rem;font-size:.875rem}.map-knowledge-editor{flex-direction:column;height:70vh;display:flex}.equipment-list{flex-direction:column;gap:.75rem;display:flex}.equipment-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:8px;padding:1rem;transition:border-color .2s}.equipment-item:hover{border-color:var(--color-primary)}.equipment-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.equipment-header strong{color:var(--color-primary);font-size:.938rem}.equipment-actions{gap:.5rem;display:flex}.equipment-quantity{color:var(--color-text-muted);font-size:.813rem}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-border-primary)var(--color-bg-secondary)}.list-detail-editor{grid-template-columns:300px 1fr;gap:1rem;height:100%;display:grid;overflow:hidden}.list-panel{background-color:var(--color-bg-tertiary);border-radius:8px;flex-direction:column;gap:1rem;padding:1rem;display:flex;overflow:hidden}.list-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1rem}.list-items{composes:custom-scrollbar;flex-direction:column;flex:1;gap:.5rem;display:flex;overflow-y:auto}.list-item{background-color:var(--color-bg-secondary);cursor:pointer;border:2px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;transition:all .2s;display:flex}.list-item:hover{border-color:var(--color-border-primary);background-color:#232323}.list-item.active{border-color:var(--color-primary);background-color:#232323}.list-item-content{flex:1;min-width:0}.list-item-label{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.list-item-subtitle{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.75rem;overflow:hidden}.list-item-delete{cursor:pointer;opacity:0;background:0 0;border:none;padding:.25rem .5rem;font-size:1rem;transition:opacity .2s}.list-item:hover .list-item-delete{opacity:.6}.list-item-delete:hover{opacity:1!important}.detail-panel{background-color:var(--color-bg-tertiary);border-radius:8px;padding:1.5rem;overflow-y:auto}.vehicle-details-content{flex-direction:column;gap:1.5rem;height:100%;display:flex;overflow:auto}.bot-details-content{flex-direction:column;gap:1.5rem;height:100%;display:flex;overflow:auto}.knowledge-list{flex-direction:column;gap:.75rem;display:flex}.knowledge-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:8px;padding:1rem;transition:border-color .2s}.knowledge-item:hover{border-color:var(--color-primary)}.knowledge-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.knowledge-header strong{color:var(--color-primary);font-size:.938rem}.knowledge-keywords{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.813rem}.knowledge-keywords strong{color:var(--color-text-muted-light)}.knowledge-response{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.knowledge-modal-content{flex-direction:column;gap:1rem;display:flex}.knowledge-modal-content label{flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.knowledge-modal-content input,.knowledge-modal-content textarea{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);border-radius:4px;padding:.5rem;font-family:inherit;font-size:.875rem}.knowledge-modal-content textarea{resize:vertical;min-height:100px}.mission-statement-editor{flex-direction:column;gap:1rem;height:100%;display:flex}.mission-statement-editor .editor-header{border-bottom:1px solid var(--border-color,#ddd);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.mission-statement-editor .editor-header h3{margin:0;font-size:1.25rem}.mission-statement-editor .editor-controls{gap:.5rem;display:flex}.mission-statement-editor .editor-layout{flex:1;gap:1rem;display:flex;overflow:hidden}.mission-statement-editor .placeholders-panel{border:1px solid var(--color-border-primary,#404040);background:var(--color-bg-tertiary,#2d2d2d);border-radius:4px;width:280px;padding:1rem;overflow-y:auto}.mission-statement-editor .placeholders-panel h4{color:var(--color-text-primary,#fff);margin:0 0 .5rem;font-size:1rem}.mission-statement-editor .panel-description{color:var(--color-text-muted,#888);margin:0 0 1rem;font-size:.875rem}.mission-statement-editor .placeholder-list{flex-direction:column;gap:1rem;display:flex}.mission-statement-editor .placeholder-item{flex-direction:column;gap:.5rem;display:flex}.mission-statement-editor .placeholder-button{text-align:left;justify-content:flex-start;width:100%}.mission-statement-editor .placeholder-info{border-left:3px solid var(--color-primary,#4a9eff);padding-left:.5rem}.mission-statement-editor .placeholder-syntax{color:var(--color-primary,#4a9eff);background:#4a9eff1a;border-radius:3px;margin-bottom:.25rem;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.75rem;display:block}.mission-statement-editor .placeholder-description{color:var(--color-text-muted,#888);margin:0;font-size:.75rem}.mission-statement-editor .editor-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.mission-statement-editor .editor-pane,.mission-statement-editor .preview-pane{flex-direction:column;gap:1rem;height:100%;display:flex}.mission-statement-editor .mission-textarea{border:1px solid var(--color-border-primary,#404040);resize:none;background:var(--color-bg-tertiary,#2d2d2d);width:100%;color:var(--color-text-secondary,#e0e0e0);border-radius:4px;flex:1;padding:1rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.mission-statement-editor .mission-textarea:focus{outline:2px solid var(--color-primary,#4a9eff);outline-offset:-2px}.mission-statement-editor .editor-help{background:var(--color-bg-tertiary,#2d2d2d);border:1px solid var(--color-border-primary,#404040);border-radius:4px;padding:1rem;font-size:.875rem}.mission-statement-editor .editor-help p{color:var(--color-text-secondary,#e0e0e0);margin:.5rem 0}.mission-statement-editor .editor-help strong{color:var(--color-primary,#4a9eff)}.mission-statement-editor .preview-pane{height:100%}.mission-statement-editor .preview-content{border:1px solid var(--color-border-primary,#404040);background:var(--color-bg-tertiary,#2d2d2d);color:var(--color-text-secondary,#e0e0e0);border-radius:4px;flex:1;padding:1.5rem;overflow-y:auto}.mission-statement-editor .preview-content h1{color:var(--color-primary,#4a9eff);margin-top:0;font-size:2rem}.mission-statement-editor .preview-content h2{color:var(--color-primary-light,#6bb3ff);margin-top:1.5rem;font-size:1.5rem}.mission-statement-editor .preview-content h3{color:var(--color-text-secondary,#e0e0e0);margin-top:1.25rem;font-size:1.25rem}.mission-statement-editor .preview-content ul,.mission-statement-editor .preview-content ol{color:var(--color-text-secondary,#e0e0e0);margin-left:1.5rem}.mission-statement-editor .preview-content code{background:var(--color-bg-secondary,#1a1a1a);color:var(--color-primary,#4a9eff);border-radius:3px;padding:.2rem .4rem;font-family:Courier New,monospace;font-size:.9em}.mission-statement-editor .preview-content table{border-collapse:collapse;background:var(--color-bg-secondary,#1a1a1a);width:100%;margin:1rem 0}.mission-statement-editor .preview-content table th,.mission-statement-editor .preview-content table td{text-align:left;border:1px solid var(--color-border-primary,#404040);color:var(--color-text-secondary,#e0e0e0);padding:.75rem}.mission-statement-editor .preview-content table th{background:var(--color-bg-tertiary,#2d2d2d);color:var(--color-primary,#4a9eff);font-weight:600}.mission-statement-editor .preview-content table tr:hover{background:#4a9eff0d}.mission-statement-editor .preview-note{border-left:4px solid var(--color-warning,orange);color:var(--color-text-secondary,#e0e0e0);background:#ffa5001a;border-radius:4px;padding:1rem;font-size:.875rem}.mission-statement-editor .preview-note code{background:var(--color-bg-secondary,#1a1a1a);color:var(--color-primary,#4a9eff);border-radius:3px;padding:.2rem .4rem;font-family:Courier New,monospace}.mission-statement-editor .placeholder-highlight{color:var(--color-primary,#4a9eff);background:#4a9eff33;border-radius:3px;padding:.2rem .4rem;font-weight:600}.input-wrapper{flex-direction:column;gap:.25rem;display:flex}.input-label{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.input-field{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);width:100%;color:var(--color-text-secondary);border-radius:6px;padding:.75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.input-field:hover{border-color:var(--color-primary);background-color:#232323}.input-field:focus{border-color:var(--color-primary);background-color:#232323;outline:none;box-shadow:0 0 0 3px #4a9eff1a}.input-field:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-muted-dark);cursor:not-allowed;opacity:.6}.input-small .input-field{padding:.5rem;font-size:.813rem}.input-medium .input-field{padding:.75rem;font-size:.875rem}.input-large .input-field{padding:1rem;font-size:1rem}.input-field[type=number]{font-family:Courier New,monospace}.textarea-wrapper{flex-direction:column;gap:.25rem;display:flex}.textarea-label{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.textarea-field{border:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary);width:100%;color:var(--color-text-secondary);resize:vertical;border-radius:6px;min-height:120px;padding:.75rem;font-family:inherit;font-size:1rem;transition:all .2s}.textarea-field:hover{border-color:var(--color-primary);background-color:#232323}.textarea-field:focus{border-color:var(--color-primary);background-color:#232323;outline:none;box-shadow:0 0 0 3px #4a9eff1a}.textarea-field:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-muted-dark);cursor:not-allowed;opacity:.6}.textarea-small .textarea-field{min-height:80px;padding:.5rem;font-size:.813rem}.textarea-medium .textarea-field{min-height:120px;padding:.75rem;font-size:.875rem}.textarea-large .textarea-field{min-height:160px;padding:1rem;font-size:1rem}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:4px;padding:.75rem;transition:border-color .2s}.card:hover{border-color:var(--color-primary)}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.card-title{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:1rem;font-weight:600;display:block}.card-subtitle{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.card-meta{color:var(--color-text-muted);gap:1rem;font-family:monospace;font-size:.875rem;display:flex}.card-content{color:var(--color-text-tertiary);font-size:.875rem;line-height:1.4}.card-actions{gap:.5rem;margin-top:.5rem;display:flex}.card-primary{border-color:var(--color-primary);background-color:#4a9eff0d}.card-tertiary{background-color:var(--color-bg-tertiary);border-radius:8px;padding:1rem}.card-large{border-radius:8px;padding:1rem}.details-content{flex-direction:column;gap:1.5rem;height:100%;padding:.5rem;display:flex;overflow-y:auto}.details-section{background-color:var(--color-bg-tertiary);border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.details-section h3,.details-section h4{color:var(--color-primary);margin:0 0 1rem;font-size:1.125rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid label{color:var(--color-text-muted);flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.form-grid label.full-width{grid-column:1/-1}.form-grid input,.form-grid textarea{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);border-radius:6px;padding:.75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-grid input:hover,.form-grid textarea:hover{border-color:var(--color-primary);background-color:#232323}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--color-primary);background-color:#232323;outline:none;box-shadow:0 0 0 3px #4a9eff1a}.form-grid input:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-muted-dark);cursor:not-allowed}.form-grid textarea{resize:vertical}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h3{margin:0}.modal-content-form{flex-direction:column;gap:1rem;max-height:70vh;padding:.5rem;display:flex;overflow-y:auto}.modal-content-form label{color:var(--color-text-muted);flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.modal-content-form input,.modal-content-form textarea{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);border-radius:6px;padding:.75rem;font-family:inherit;font-size:.875rem}.modal-content-form input:focus,.modal-content-form textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4a9eff1a}.modal-content-form textarea{resize:vertical;min-height:120px}.checkbox-label{cursor:pointer;align-items:center;flex-direction:row!important;gap:.75rem!important}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.checkbox-label span{flex:1}.position-fields{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:1rem;display:grid}.editor-header{background-color:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border-primary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.editor-header h2,.editor-header h3{color:var(--color-primary);margin:0}.header-actions{gap:.5rem;display:flex}.table-container{background-color:var(--color-bg-tertiary);border-radius:8px;flex:1;overflow:auto}.table-container table{border-collapse:collapse;width:100%}.table-container th,.table-container td{text-align:left;border-bottom:1px solid var(--color-border-primary);padding:.75rem}.table-container th{background-color:var(--color-bg-secondary);z-index:1;font-weight:600;position:sticky;top:0}.table-container td{font-size:.875rem}.scenario-editor{flex-direction:column;gap:1rem;height:100%;display:flex}.scenario-name{color:var(--color-primary);margin:0;font-size:1.5rem}.file-indicator{color:var(--color-text-muted);background-color:var(--color-bg-hover);border-radius:4px;margin-left:1rem;padding:.25rem .75rem;font-size:.875rem}.save-error{color:var(--color-error);margin-right:1rem;font-size:.75rem}.general-editor{flex-direction:column;gap:1.5rem;height:100%;padding:.5rem;display:flex;overflow-y:auto}.form-section{background-color:var(--color-bg-tertiary);border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.form-section h4{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.badge{text-transform:uppercase;border-radius:3px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-role{background-color:var(--color-border-primary)}.badge-status{color:var(--color-text-primary);white-space:nowrap;border-radius:4px;padding:.25rem .5rem;font-weight:600}.badge-status-active{background-color:var(--color-status-active)}.badge-status-in-progress{background-color:var(--color-status-in-progress)}.badge-status-completed{background-color:var(--color-status-completed)}.badge-status-pending{background-color:var(--color-status-pending);color:var(--color-text-disabled)}.badge-status-failed,.badge-status-blocked{background-color:var(--color-status-failed);color:var(--color-error)}.badge-difficulty{color:#fff;text-transform:uppercase;letter-spacing:.05em;background-color:#16a34a;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.empty-state{color:var(--color-text-muted);text-align:center;padding:2rem;font-style:italic}.empty-state-message{text-align:center;color:var(--color-text-muted-dark);padding:2rem 1rem;font-style:italic}.empty-state-large{background-color:var(--color-bg-tertiary);color:var(--color-text-muted);border-radius:12px;padding:3rem}.empty-state-large p{margin:.5rem 0;font-size:1rem}.no-selection{height:100%;color:var(--color-text-muted-dark);text-align:center;justify-content:center;align-items:center;font-style:italic;display:flex}.scenario-loader{color:#e0e0e0;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);justify-content:center;align-items:center;min-height:100vh;padding:3rem 2rem;display:flex}.loader-content{width:100%;max-width:900px}.header{text-align:center;margin-bottom:4rem}.header-content{justify-content:center;align-items:center;gap:2rem;display:flex}.app-logo{filter:drop-shadow(0 0 10px #ffffff1a);width:300px;height:300px}.header-text{text-align:left}.header h1{background:linear-gradient(135deg,#4a9eff 0%,#7cbd6c 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:4rem;font-weight:700}.tagline{color:#888;margin:0;font-size:1.5rem;font-weight:300}.scenario-list{flex-direction:column;gap:2rem;display:flex}.scenario-card{background-color:#2d2d2d;border-radius:12px;padding:3rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0000004d}.scenario-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0006}.scenario-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.scenario-header h2{color:#4a9eff;margin:0;font-size:2rem;font-weight:600}.scenario-description{color:#b0b0b0;margin:0 0 2rem;font-size:1.125rem;line-height:1.7}.scenario-meta{background-color:#232323;border-radius:8px;gap:2rem;margin-bottom:2rem;padding:1.5rem;display:flex}.meta-item{color:#b0b0b0;align-items:center;gap:.75rem;font-size:1rem;display:flex}.meta-icon{font-size:1.5rem}.button-group{gap:1rem;display:flex}.button-group .btn{flex:1}.loader-footer{text-align:center;color:#666;margin-top:4rem;font-size:.875rem}.loader-footer p{margin:.5rem 0}.loader-footer .copyright{color:#555;font-size:.75rem}.mode-switch{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.local-folder-prompt{text-align:center;background-color:#2d2d2d;border-radius:12px;margin-bottom:2rem;padding:3rem}.local-folder-prompt p{color:#b0b0b0;margin-bottom:2rem;font-size:1.125rem}.local-folder-actions{background-color:#2d2d2d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.local-folder-actions p{color:#b0b0b0;margin:0;font-size:1rem}.folder-card{cursor:pointer;background:linear-gradient(135deg,#2d2d2d 0%,#383838 100%)}.folder-card:hover{background:linear-gradient(135deg,#383838 0%,#424242 100%)}.breadcrumb{color:#888;margin-bottom:1rem;padding:1rem 0;font-size:.95rem}.breadcrumb-navigation{background-color:#232323;border-radius:8px;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.breadcrumb-back{flex-shrink:0}.breadcrumb-path{color:#888;flex-wrap:wrap;align-items:center;gap:.25rem;font-size:1rem;display:flex}.breadcrumb-item{cursor:pointer;color:#4a9eff;transition:color .2s}.breadcrumb-item:hover{color:#7cbd6c;text-decoration:underline}.breadcrumb-separator{color:#666;margin:0 .25rem}.upload-area{max-width:600px;margin:2rem auto}.drop-zone{text-align:center;background-color:#2d2d2d;border:3px dashed #444;border-radius:12px;padding:4rem 2rem;transition:all .3s}.drop-zone.active{background-color:#4a9eff1a;border-color:#4a9eff}.drop-zone-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.drop-icon{font-size:4rem}.drop-text{color:#b0b0b0;margin:0;font-size:1.25rem}.drop-subtext{color:#888;margin:0;font-size:1rem}.file-upload-label{cursor:pointer}.uploaded-scenario{max-width:800px;margin:2rem auto}.api-warning{color:#faa;text-align:center;background-color:#3d1f1f;border:2px solid #8b3a3a;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.api-warning p{margin:.5rem 0}.loading-message{text-align:center;color:#b0b0b0;padding:3rem}.no-scenarios{text-align:center;color:#888;padding:3rem}.no-scenarios p{margin:.5rem 0}.difficulty-badge{text-transform:capitalize;color:#e0e0e0;background-color:#444;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.difficulty-beginner{color:#fff;background-color:#4a9eff}.difficulty-intermediate{color:#fff;background-color:#ffa726}.difficulty-advanced{color:#fff;background-color:#ef5350}.difficulty-expert{color:#fff;background-color:#ab47bc}@media (max-width:768px){.scenario-loader{padding:1.5rem 1rem}.header{margin-bottom:2rem}.header-content{flex-direction:column;gap:1rem}.app-logo{width:120px;height:120px}.header-text{text-align:center}.header h1{font-size:2.5rem}.tagline{font-size:1.125rem}.scenario-card{padding:1.5rem}.scenario-header{flex-direction:column;align-items:flex-start;gap:1rem}.scenario-header h2{font-size:1.5rem}.scenario-description{font-size:1rem}.scenario-meta{flex-direction:column;gap:1rem;padding:1rem}.button-group{flex-direction:column}.button-group .btn{width:100%}.breadcrumb-navigation{flex-direction:column;align-items:stretch;gap:.75rem}.breadcrumb-back{width:100%}.drop-zone{padding:2rem 1rem}.drop-icon{font-size:3rem}.drop-text{font-size:1rem}.loader-footer{margin-top:2rem;font-size:.75rem}}.map-view h2{margin:0}.map-view-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.map-view-controls{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.map-legend{margin-top:1rem}.map-legend h4{color:var(--color-text-muted);text-transform:uppercase;margin-top:0;margin-bottom:.5rem;font-size:.875rem}.legend-item{color:var(--color-text-tertiary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.mission-statement-content{max-height:60vh;overflow-y:auto}.mission-statement-content .markdown-content{margin-bottom:1.5rem}.mission-statement-content .markdown-content h1{color:var(--color-primary,#4a9eff);margin:1rem 0;font-size:2rem}.mission-statement-content .markdown-content h2{color:var(--color-primary-light,#6bb3ff);margin:1.5rem 0 1rem;font-size:1.5rem}.mission-statement-content .markdown-content h3{color:var(--color-text-secondary,#e0e0e0);margin:1.25rem 0 .75rem;font-size:1.25rem}.mission-statement-content .markdown-content p{color:var(--color-text-secondary,#e0e0e0);margin:.75rem 0;line-height:1.6}.mission-statement-content .markdown-content ul,.mission-statement-content .markdown-content ol{color:var(--color-text-secondary,#e0e0e0);margin:.75rem 0;padding-left:2rem;line-height:1.6}.mission-statement-content .markdown-content strong{color:var(--color-text-primary,#fff);font-weight:600}.mission-statement-content .markdown-content em{color:var(--color-text-secondary,#e0e0e0);font-style:italic}.mission-statement-content .markdown-content code{background:var(--color-bg-tertiary,#2d2d2d);color:var(--color-primary,#4a9eff);border-radius:3px;padding:.2rem .4rem;font-family:Courier New,monospace;font-size:.9em}.mission-statement-content .markdown-content table{border-collapse:collapse;background:var(--color-bg-tertiary,#2d2d2d);width:100%;margin:1rem 0}.mission-statement-content .markdown-content table th,.mission-statement-content .markdown-content table td{text-align:left;border:1px solid var(--color-border-primary,#404040);padding:.75rem}.mission-statement-content .markdown-content table th{background:var(--color-bg-secondary,#1a1a1a);color:var(--color-primary,#4a9eff);font-weight:600}.mission-statement-content .markdown-content table tr:hover{background:#4a9eff0d}.mission-statement-content .placeholder-container{border:2px solid var(--color-border-primary,#404040);background:var(--color-bg-tertiary,#2d2d2d);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.mission-statement-content .placeholder-map{flex-direction:column;gap:1rem;display:flex}.mission-statement-content .map-header{margin:0}.mission-statement-content .map-header h4{color:var(--color-primary,#4a9eff);margin:0;font-size:1.1rem}.mission-statement-content .placeholder-personnel{margin:0}.mission-statement-content .personnel-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.mission-statement-content .personnel-card{border:1px solid var(--color-border-primary,#404040);background:var(--color-bg-tertiary,#2d2d2d);border-radius:6px;padding:1rem;position:relative}.mission-statement-content .personnel-card.is-player{border:3px solid var(--color-success,#4caf50);background:#4caf501a}.mission-statement-content .player-badge{background:var(--color-success,#4caf50);color:var(--color-text-primary,#fff);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.mission-statement-content .personnel-name{color:var(--color-text-primary,#fff);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.mission-statement-content .personnel-role{text-transform:capitalize;color:var(--color-text-secondary,#e0e0e0);margin-bottom:.5rem;font-size:.9rem}.mission-statement-content .personnel-position{color:var(--color-text-muted,#888);font-size:.85rem}.mission-statement-content .placeholder-error{border:1px solid var(--color-error,#ff6b6b);color:var(--color-error,#ff6b6b);background:#ff6b6b1a;border-radius:4px;padding:1rem;font-weight:500}:root{--color-primary:#4a9eff;--color-primary-light:#6bb3ff;--color-status-active:#4a9eff;--color-status-in-progress:orange;--color-status-completed:#4caf50;--color-status-pending:#404040;--color-status-failed:#5a2d2d;--color-status-blocked:#5a2d2d;--color-bg-primary:#0d0d0d;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#2d2d2d;--color-bg-hover:#3d3d3d;--color-border-primary:#404040;--color-border-secondary:#2d2d2d;--color-text-primary:#fff;--color-text-secondary:#e0e0e0;--color-text-tertiary:#ccc;--color-text-muted:#888;--color-text-muted-light:#999;--color-text-muted-dark:#666;--color-text-disabled:#aaa;--color-error:#ff6b6b;--color-warning:orange;--color-success:#4caf50;--color-success-light:#90ee90;--color-shadow:#00000080;--color-overlay:#4caf501a}body{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;height:100vh;display:flex}.app-header{background-color:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border-primary);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.header-title{align-items:center;gap:.5rem;display:flex}.app-header h1{color:var(--color-primary);background:linear-gradient(135deg,#4a9eff 0%,#7cbd6c 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.scenario-info{align-items:center;gap:1rem;display:flex}.difficulty{background-color:var(--color-border-primary);text-transform:uppercase;border-radius:4px;padding:.25rem .75rem;font-size:.875rem}.app-main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.control-panel{border-bottom:1px solid var(--color-border-primary);background-color:#252525}.content-area{flex:1;grid-template-columns:1fr 2fr 1fr;gap:1rem;padding:1rem;display:grid;overflow:hidden}.left-panel,.center-panel,.right-panel{background-color:var(--color-bg-tertiary);border-radius:8px;padding:1rem;overflow:auto}.app-footer{border-top:1px solid var(--color-border-primary);background-color:#252525;justify-content:space-between;align-items:center;padding:.75rem 2rem;font-size:.875rem;display:flex}.app-footer p{margin:0}.app-footer .copyright{color:var(--color-text-muted);font-size:.75rem}.loading{background-color:var(--color-bg-secondary);height:100vh;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}button{background-color:var(--color-primary);color:var(--color-text-primary);cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s}button:hover{background-color:#357abd}button:disabled{background-color:var(--color-border-primary);cursor:not-allowed;opacity:.5}button.secondary{background-color:var(--color-border-primary)}button.secondary:hover{background-color:#505050}input,select,textarea{border:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:4px;padding:.5rem;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none}.leitstelle-panel{border:1px solid var(--color-border-primary);background-color:#252525;border-radius:6px;margin-top:1.5rem;padding:1rem}.leitstelle-panel h3{color:var(--color-primary);margin:0 0 1rem}.leitstelle-panel h4{color:var(--color-text-muted-light);text-transform:uppercase;margin:1rem 0 .5rem;font-size:.875rem}.bot-selection{margin-bottom:1rem}.bot-selection label{color:var(--color-text-muted-light);margin-bottom:.25rem;font-size:.875rem;display:block}.bot-selection select{width:100%}.query-input{margin-bottom:1rem}.query-input label{color:var(--color-text-muted-light);margin-bottom:.25rem;font-size:.875rem;display:block}.query-input textarea{resize:vertical;width:100%;font-family:inherit}.query-input button{width:100%;margin-top:.5rem}.error-message{color:#ff8080;background-color:#4d2020;border:1px solid #802020;border-radius:4px;margin-top:.5rem;padding:.5rem;font-size:.875rem}.pending-queries ul,.completed-queries ul{margin:0;padding:0;list-style:none}.pending-query,.completed-query{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:4px;margin-bottom:.75rem;padding:.75rem}.query-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.bot-name{color:var(--color-primary);font-weight:700}.query-time{color:var(--color-text-muted);font-size:.75rem}.query-content{color:var(--color-text-secondary);margin-bottom:.5rem;font-style:italic}.query-status{color:var(--color-warning);font-size:.875rem}.query-response{background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);color:var(--color-text-secondary);margin-top:.5rem;padding:.5rem}.no-bots-message{text-align:center;color:var(--color-text-muted);padding:1rem;font-style:italic}.map-view{height:100%;padding:1rem;overflow-y:auto}.map-view h2{color:var(--color-primary);margin:0 0 1rem}.map-controls{border:1px solid var(--color-border-primary);background-color:#252525;border-radius:6px;margin-bottom:1rem;padding:1rem}.personnel-selector{flex-direction:column;gap:.5rem;display:flex}.personnel-selector label{color:var(--color-text-muted-light);font-size:.875rem}.personnel-selector select{width:100%}.instruction{color:var(--color-warning);margin:.5rem 0 0;font-size:.875rem;font-style:italic}.map-grid{background-color:var(--color-border-primary);border:2px solid var(--color-border-primary);aspect-ratio:1;gap:1px;max-width:100%;margin-bottom:1rem;display:grid}.map-tile{aspect-ratio:1;cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.map-tile:hover{opacity:.8;outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}.map-tile.blocked{cursor:not-allowed;opacity:.6}.map-tile.blocked:hover{outline-color:#f44}.map-tile.hovered{outline:2px solid var(--color-primary);outline-offset:-2px}.map-tile.destination{outline:3px solid var(--color-warning);outline-offset:-3px}.personnel-marker{z-index:2;background-color:#000000b3;border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:80%;height:80%;display:flex;position:absolute}.personnel-icon{font-size:1.5rem}.destination-marker{z-index:1;font-size:.8rem;position:absolute;top:2px;right:2px}.map-legend{border:1px solid var(--color-border-primary);background-color:#252525;border-radius:6px;padding:1rem}.map-legend h4{color:var(--color-primary);margin:0 0 .75rem;font-size:.875rem}.legend-items{flex-wrap:wrap;gap:1rem;display:flex}.legend-item{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.legend-color{border:1px solid var(--color-border-primary);border-radius:2px;width:20px;height:20px}.mobile-header,.mobile-time-display,.mobile-content-area,.mobile-bottom-nav,.mobile-menu-overlay{display:none}@media (max-width:768px){.app-header{display:none}.mobile-header{background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.mobile-logo{width:auto;height:2rem}.mobile-play-pause,.mobile-menu-button{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;font-size:1.5rem;display:flex}.mobile-menu-button{background-color:var(--color-bg-secondary);font-size:1.75rem;font-weight:700}.mobile-play-pause:active,.mobile-menu-button:active{opacity:.8}.mobile-menu-overlay{z-index:1000;background-color:#000000b3;display:block;position:fixed;inset:0}.mobile-menu{background-color:var(--color-bg-tertiary);border-radius:12px;min-width:280px;padding:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000080}.mobile-menu-header{border-bottom:1px solid var(--color-border-primary);margin-bottom:1rem;padding-bottom:1rem}.mobile-menu-header h3{color:var(--color-text-secondary);margin:0 0 .5rem}.mobile-menu button{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);width:100%;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;margin-bottom:.75rem;padding:.875rem;font-size:1rem}.mobile-menu button:last-child{margin-bottom:0}.mobile-menu-section{border-bottom:1px solid var(--color-border-primary);margin-bottom:1.5rem;padding-bottom:1rem}.mobile-menu-section:last-of-type{border-bottom:none}.mobile-menu-section h4{color:var(--color-text-muted);text-transform:uppercase;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.mobile-speed-buttons{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.5rem;display:grid}.mobile-speed-buttons button{margin-bottom:0;padding:.75rem .5rem;font-size:.875rem}.mobile-speed-buttons button.active,.mobile-menu button.rewind-active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.mobile-rewind-controls{background-color:var(--color-bg-secondary);border-radius:8px;margin-top:1rem;padding:1rem}.mobile-rewind-controls label{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.875rem;display:block}.mobile-rewind-controls .rewind-actions{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.mobile-rewind-controls .rewind-actions button{margin-bottom:0}.mobile-time-display{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);color:var(--color-primary);justify-content:center;align-items:center;padding:.375rem;font-family:Courier New,monospace;font-size:.875rem;font-weight:700;display:flex}.control-panel,.content-area,.app-footer{display:none}.mobile-content-area{flex:1;display:block;position:relative;overflow:hidden}.mobile-panel{background-color:var(--color-bg-secondary);height:100%;padding:1rem;display:none;overflow-y:auto}.mobile-panel.active{display:block}.mobile-bottom-nav{background-color:var(--color-bg-tertiary);border-top:1px solid var(--color-border-primary);justify-content:space-around;align-items:stretch;padding:.25rem 0;display:flex}.mobile-bottom-nav button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;min-height:60px;padding:.5rem .25rem;transition:color .2s;display:flex}.mobile-bottom-nav button.active{color:var(--color-primary)}.mobile-bottom-nav .nav-icon{font-size:1.5rem}.mobile-bottom-nav .nav-label{font-size:.75rem;font-weight:500}.app-main{flex-direction:column;display:flex;overflow:hidden}button{min-height:44px;padding:.75rem 1rem;font-size:1rem}button.secondary{min-height:44px}input,select,textarea{min-height:44px;padding:.75rem;font-size:1rem}}