@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";
:root{--surface:#0b1326;--surface-dim:#0b1326;--surface-bright:#31394d;--surface-container-lowest:#060e20;--surface-container-low:#131b2e;--surface-container:#171f33;--surface-container-high:#222a3d;--surface-container-highest:#2d3449;--on-surface:#dae2fd;--on-surface-variant:#bbcabf;--inverse-surface:#dae2fd;--inverse-on-surface:#283044;--outline:#86948a;--outline-variant:#3c4a42;--surface-tint:#4edea3;--primary:#4edea3;--on-primary:#003824;--primary-container:#10b981;--on-primary-container:#00422b;--inverse-primary:#006c49;--primary-glow:#4edea326;--primary-glow-strong:#4edea34d;--secondary:#95d3ba;--on-secondary:#003829;--secondary-container:#0b513d;--on-secondary-container:#83c2a9;--tertiary:#ffb95f;--on-tertiary:#472a00;--tertiary-container:#e29100;--on-tertiary-container:#523200;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffdad6;--background:#0b1326;--on-background:#dae2fd;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--gutter:16px;--margin:32px;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--border-subtle:1px solid var(--outline-variant);--border-default:1px solid var(--outline);--border-primary:1px solid var(--primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--on-surface);background-color:var(--background);min-height:100vh;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);width:100%;height:100%;position:fixed;top:0;left:0}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow-strong), 0 0 40px var(--primary-glow)}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink-caret{50%{border-color:#0000}}@keyframes dice-roll{0%{transform:rotateX(0)rotateY(0)}25%{transform:rotateX(90deg)rotateY(90deg)}50%{transform:rotateX(180deg)rotateY(180deg)}75%{transform:rotateX(270deg)rotateY(90deg)}to{transform:rotateX(360deg)rotateY(360deg)}}@keyframes troopBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.display-lg{font-family:var(--font-display);letter-spacing:-.02em;font-size:48px;font-weight:700;line-height:1.1}.headline-md{font-family:var(--font-display);letter-spacing:.02em;font-size:24px;font-weight:600;line-height:1.2}.headline-sm{font-family:var(--font-display);letter-spacing:.02em;font-size:20px;font-weight:600;line-height:1.3}.body-base{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.6}.data-mono{font-family:var(--font-display);letter-spacing:.05em;font-size:14px;font-weight:500;line-height:1.4}.label-caps{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1}.btn{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn:hover:after{left:100%}.btn-primary{background:var(--primary);color:var(--on-primary);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.btn-primary:hover{color:#000;box-shadow:0 0 20px var(--primary-glow-strong), 0 0 40px var(--primary-glow);background:#fff}.btn-primary:active{transform:scale(.97)}.btn-secondary{color:var(--primary);border:1px solid var(--primary);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:0 0}.btn-secondary:hover{background:var(--primary-glow);box-shadow:0 0 15px var(--primary-glow)}.btn-danger{background:var(--error);color:var(--on-error);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.btn-danger:hover{background:#ff6b6b;box-shadow:0 0 20px #ff6b6b4d}.btn-tertiary{background:var(--tertiary);color:var(--on-tertiary);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.btn-tertiary:hover{background:#ffd180;box-shadow:0 0 20px #ffb95f4d}.btn-sm{padding:8px 16px;font-size:12px}.btn-lg{padding:16px 32px;font-size:16px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.card{background:var(--surface-container);border:var(--border-subtle);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;height:1px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.card:hover:before{opacity:1}.card:hover{border-color:var(--outline);box-shadow:0 0 15px var(--primary-glow)}.card-header{padding:var(--space-md);background:var(--surface-container-high);border-bottom:var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.card-body{padding:var(--space-md)}.card-footer{padding:var(--space-md);border-top:var(--border-subtle);background:var(--surface-container-low)}.input-group{gap:var(--space-sm);flex-direction:column;display:flex}.input-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);font-size:12px;font-weight:700}.input{font-family:var(--font-body);background:var(--surface-container-lowest);border:1px solid var(--outline-variant);color:var(--on-surface);transition:all var(--transition-fast);outline:none;width:100%;padding:12px 16px;font-size:16px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#4edea308}.input::placeholder{color:var(--outline)}.chip{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.chip-ready{color:var(--primary);background:#4edea326;border:1px solid #4edea34d}.chip-engaged{color:var(--tertiary);background:#ffb95f26;border:1px solid #ffb95f4d}.chip-critical{color:var(--error);background:#ffb4ab26;border:1px solid #ffb4ab4d}.chip-neutral{color:var(--on-surface-variant);border:1px solid var(--outline-variant);background:#dae2fd14}.tactical-panel{-webkit-backdrop-filter:blur(4px);border:var(--border-subtle);padding:var(--space-md);background:#171f33d9}.grid-12{gap:var(--gutter);grid-template-columns:repeat(12,1fr);display:grid}.container{width:100%;max-width:1400px;padding:0 var(--margin);margin:0 auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-container-lowest)}::-webkit-scrollbar-thumb{background:var(--outline-variant)}::-webkit-scrollbar-thumb:hover{background:var(--outline)}::selection{background:var(--primary);color:var(--on-primary)}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--secondary)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-tertiary{color:var(--tertiary)}.text-error{color:var(--error)}.text-muted{color:var(--on-surface-variant)}.bg-surface{background:var(--surface)}.bg-container{background:var(--surface-container)}.bg-container-high{background:var(--surface-container-high)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.w-full{width:100%}.text-center{text-align:center}.animate-fade-in{animation:.5s forwards fadeInUp}.animate-slide-in{animation:.4s forwards slideInLeft}.delay-1{opacity:0;animation-delay:.1s}.delay-2{opacity:0;animation-delay:.2s}.delay-3{opacity:0;animation-delay:.3s}.delay-4{opacity:0;animation-delay:.4s}.delay-5{opacity:0;animation-delay:.5s}@media (max-width:768px){.display-lg{font-size:32px}.headline-md{font-size:20px}.container{padding:0 var(--space-md)}.grid-12{grid-template-columns:1fr}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--surface-container-highest);color:var(--on-surface);font-size:12px;font-family:var(--font-display);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);border:var(--border-subtle);z-index:100;padding:6px 12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}.spinner{border:2px solid var(--outline-variant);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{top:var(--space-lg);right:var(--space-lg);z-index:10000;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-md);background:var(--surface-container-high);border-left:3px solid var(--primary);color:var(--on-surface);align-items:center;gap:var(--space-sm);min-width:300px;font-size:14px;animation:.3s slideInLeft;display:flex}.toast-error{border-left-color:var(--error)}.toast-warning{border-left-color:var(--tertiary)}