:root{--depth-0:12 10 14;--depth-1:18 16 22;--depth-2:28 25 33;--depth-3:41 37 49;--depth-4:56 51 67;--glass-low:0.4;--glass-medium:0.6;--glass-high:0.85;--glass-full:0.95;--border-subtle:rgba(255,255,255,0.05);--border-default:rgba(255,255,255,0.08);--border-prominent:rgba(255,255,255,0.12);--border-accent-cyan:rgba(6,182,212,0.3);--border-accent-amber:rgba(245,158,11,0.3);--border-accent-red:rgba(239,68,68,0.3);--glow-cyan:0 0 20px rgba(6,182,212,0.15);--glow-cyan-strong:0 0 30px rgba(6,182,212,0.25);--glow-amber:0 0 20px rgba(245,158,11,0.15);--glow-red:0 0 20px rgba(239,68,68,0.15);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -4px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.6),0 8px 10px -6px rgba(0,0,0,0.4);--shadow-inner:inset 0 1px 0 rgba(255,255,255,0.05);--shadow-inner-glow:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.2)}.tactical-depth-0{background-color:rgb(var(--depth-0))}.tactical-depth-1{background-color:rgba(var(--depth-1),var(--glass-medium));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tactical-depth-2{background-color:rgba(var(--depth-2),var(--glass-medium));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md),var(--shadow-inner)}.tactical-depth-3{background-color:rgba(var(--depth-3),var(--glass-high));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg),var(--shadow-inner-glow)}.tactical-depth-4{background-color:rgba(var(--depth-4),var(--glass-full));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-xl),var(--shadow-inner-glow)}.tactical-border-subtle{border:1px solid var(--border-subtle)}.tactical-border-default{border:1px solid var(--border-default)}.tactical-border-prominent{border:1px solid var(--border-prominent)}.tactical-border-cyan{border:1px solid var(--border-accent-cyan)}.tactical-border-amber{border:1px solid var(--border-accent-amber)}.tactical-border-red{border:1px solid var(--border-accent-red)}.tactical-border-gradient-cyan{position:relative;border:none}.tactical-border-gradient-cyan:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(6,182,212,.4),transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tactical-glow-cyan{box-shadow:var(--glow-cyan)}.tactical-glow-cyan-strong{box-shadow:var(--glow-cyan-strong)}.tactical-glow-amber{box-shadow:var(--glow-amber)}.tactical-glow-red{box-shadow:var(--glow-red)}.tactical-unit-card{transition:all .2s cubic-bezier(.4,0,.2,1)}.tactical-unit-card:hover{background-color:rgba(var(--depth-3),var(--glass-medium));border-color:var(--border-prominent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tactical-unit-card.selected{background-color:rgba(6,182,212,.1);border-color:rgba(6,182,212,.5);box-shadow:var(--glow-cyan),var(--shadow-inner);transform:scale(1.01)}.tactical-unit-card.selected:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(6,182,212,.6),rgba(6,182,212,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tactical-alert-critical{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.05));border:1px solid rgba(239,68,68,.4);box-shadow:0 0 0 1px rgba(239,68,68,.2),var(--glow-red);animation:tactical-pulse-red 2s ease-in-out infinite}.tactical-alert-high{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.05));border:1px solid rgba(245,158,11,.4);box-shadow:0 0 0 1px rgba(245,158,11,.2)}@keyframes tactical-pulse-red{0%,to{box-shadow:0 0 0 1px rgba(239,68,68,.2),var(--glow-red)}50%{box-shadow:0 0 0 2px rgba(239,68,68,.3),0 0 30px rgba(239,68,68,.25)}}.focus-mode-active .tactical-dim-when-unfocused{opacity:.3;filter:grayscale(.6);transition:opacity .3s ease,filter .3s ease}.focus-mode-active .tactical-dim-when-unfocused:hover{opacity:.6}.tactical-tab-bar{background:linear-gradient(180deg,rgba(var(--depth-1),.8),rgba(var(--depth-0),.95));border-bottom:1px solid var(--border-default);box-shadow:0 1px 3px rgba(0,0,0,.3)}.tactical-tab{position:relative;transition:color .2s ease}.tactical-tab[data-state=active]{color:white}.tactical-tab[data-state=active]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.8),transparent);box-shadow:0 -2px 8px rgba(6,182,212,.4)}.tactical-panel-slide{transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.tactical-drag-handle{width:4px;background:transparent;cursor:col-resize;transition:background .15s ease,width .15s ease}.tactical-drag-handle:active,.tactical-drag-handle:hover{width:6px;background:linear-gradient(180deg,transparent,rgba(6,182,212,.6),transparent)}.tactical-text-mono{font-family:JetBrains Mono,Menlo,Monaco,monospace;font-feature-settings:"tnum" 1}.tactical-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.5)}.tactical-status-dot{position:relative}.tactical-status-dot:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:inherit;opacity:.4;filter:blur(4px)}.tactical-header{background:linear-gradient(180deg,rgba(var(--depth-1),.95),rgba(var(--depth-0),.98));backdrop-filter:blur(12px);border-bottom:1px solid var(--border-default);box-shadow:0 1px 3px rgba(0,0,0,.3),0 0 20px rgba(0,0,0,.2)}.tactical-button-ghost{transition:all .15s ease}.tactical-button-ghost:hover{background-color:rgba(255,255,255,.05);transform:translateY(-.5px)}.tactical-button-ghost:active{transform:translateY(0)}.tactical-scrollbar::-webkit-scrollbar{width:6px;height:6px}.tactical-scrollbar::-webkit-scrollbar-track{background:rgba(var(--depth-0),.5)}.tactical-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.tactical-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}