@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#dce5df;font-synthesis:none;--mint:#a4efd0;--orange:#f0b085;--muted:#8caaa6;--border:#455552;--panel:#111f23eb;background:#101c21;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--border);background:#1b2b30;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#30483f;border-color:#a1d3bc}button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}.app{height:100dvh;min-height:660px;position:relative;overflow:hidden}.scene{position:absolute;inset:66px 0 134px}.scene canvas{touch-action:none}.scene-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 110px #0b171b80}header{z-index:3;background:linear-gradient(#0e1a20,#0e1a20d9);border-bottom:1px solid #3d5048;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:2px;align-items:center;gap:12px;font:700 22px Barlow Condensed,Arial,sans-serif;display:flex}.brand small{color:var(--muted);letter-spacing:2px;margin-top:5px;font:9px IBM Plex Mono,monospace;display:block}.brand-mark{border:1px solid #88a89b;place-items:center;width:35px;height:35px;font:600 25px Barlow Condensed,sans-serif;display:grid;position:relative}.brand-mark span{color:var(--orange);font-size:36px;position:absolute;top:-2px;right:2px}.header-status{color:#a0b7b0;letter-spacing:1px;align-items:center;gap:10px;font:10px IBM Plex Mono,monospace;display:flex}.status-dot{background:var(--mint);border-radius:50%;width:5px;height:5px;display:block;box-shadow:0 0 10px #8fe6bc66}.divider{color:#506a63;padding:0 10px}.header-right{align-items:center;gap:25px;display:flex}.credit{text-align:right;font:500 17px IBM Plex Mono,monospace}.credit small{color:var(--muted);letter-spacing:1.5px;margin-bottom:5px;font-size:8px;display:block}.icon-button{width:30px;height:30px;color:var(--muted);background:0 0;border-radius:50%}.mission-panel{pointer-events:none;border-left:2px solid var(--orange);background:linear-gradient(110deg,#102025e8,#1020259c);width:255px;padding:17px 19px;position:absolute;top:104px;left:30px}.eyebrow{letter-spacing:1.4px;color:var(--muted);font:10px IBM Plex Mono,monospace}.mission-panel .eyebrow{justify-content:space-between;display:flex}.mission-panel .eyebrow span{color:var(--orange)}h1{letter-spacing:.3px;margin:9px 0 20px;font:600 27px Barlow Condensed,sans-serif}.objectives{gap:14px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.objectives li{color:#8ca59c;align-items:center;gap:10px;display:flex}.objectives li span{border:1px solid #41584e;place-items:center;width:20px;height:20px;font:9px IBM Plex Mono,monospace;display:grid}.objectives li.current{color:#e4ece4}.objectives li.current span{color:var(--orange);border-color:#976e55}.objectives li.done{color:var(--mint)}.intel{letter-spacing:.8px;color:var(--muted);border-top:1px solid #364b42;justify-content:space-between;margin-top:18px;padding-top:12px;font:8px IBM Plex Mono,monospace;display:flex}.intel .threat{color:var(--orange)}.sector-label{color:#a5b7b09c;pointer-events:none;align-items:center;gap:14px;display:flex;position:absolute;top:110px;right:30px}.sector-label>span{color:#bed4c842;font:500 55px Barlow Condensed,sans-serif}.sector-label div{letter-spacing:2px;font:11px/1.8 IBM Plex Mono,monospace}.sector-label small{letter-spacing:1px;font-size:8px}.camera-controls{align-items:center;gap:10px;display:flex;position:absolute;bottom:185px;right:30px}.camera-controls button{background:#16272ce0;width:36px;height:36px;font-size:25px}.camera-controls span{color:var(--muted);font:8px/1.7 IBM Plex Mono,monospace}footer{background:linear-gradient(#14232af2,#0e1a20);border-top:1px solid #3b5148;align-items:center;gap:28px;min-height:142px;padding:14px 30px;display:flex;position:absolute;bottom:26px;left:0;right:0}.squad-bar{flex-shrink:0;width:450px}.squad-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.text-button{color:var(--mint);background:0 0;border:0;padding:0;font:9px IBM Plex Mono,monospace}kbd{color:var(--muted);border:1px solid #46574f;border-radius:2px;margin-left:6px;padding:2px 4px;font:8px IBM Plex Mono,monospace}.agents{gap:10px;display:flex}.agent-card{text-align:left;background:#1b2d32;border:1px solid #41514a;align-items:center;gap:10px;width:50%;padding:9px;display:flex;position:relative}.agent-card.selected{background:#25423f;border-color:#b2d8bd}.agent-card.selected:after{content:"";background:var(--mint);height:3px;position:absolute;bottom:-1px;left:-1px;right:-1px}.portrait{background:linear-gradient(140deg,#44635a,#13272e);flex-shrink:0;width:42px;height:57px;position:relative;overflow:hidden}.portrait:before{content:"";clip-path:polygon(14% 0,86% 0,100% 62%,65% 100%,35% 100%,0 62%);background:#9cb3a7;width:22px;height:26px;position:absolute;top:5px;left:10px}.portrait:after{content:"";clip-path:polygon(30% 0,70% 0,100% 24%,100% 100%,0 100%,0 24%);background:#263f40;width:40px;height:29px;position:absolute;bottom:0;left:1px}.portrait i{z-index:1;background:var(--mint);width:20px;height:4px;box-shadow:0 0 9px var(--mint);position:absolute;top:14px;left:11px}.portrait b{z-index:2;color:#abcbb9;font:9px IBM Plex Mono,monospace;position:absolute;bottom:3px;right:3px}.portrait-1:before{background:#6c8c80}.agent-info{flex:1;min-width:0;display:block}.agent-name{letter-spacing:1px;justify-content:space-between;align-items:center;font:600 18px Barlow Condensed,sans-serif;display:flex}.agent-name span{color:var(--mint);letter-spacing:0;font:7px IBM Plex Mono,monospace}.agent-class{color:#9ab2a6;margin:3px 0 8px;font:7px IBM Plex Mono,monospace;display:block}.health-track{background:#0f2325;height:3px;display:block}.health-track>span{background:var(--mint);height:100%;transition:width .2s;display:block}.hp{color:var(--muted);margin-top:4px;font:7px IBM Plex Mono,monospace;display:block}.command-bar{flex:1;align-self:flex-end;min-width:0;margin-bottom:6px}.command-message{color:#a8c1b4;max-width:440px;min-height:30px;margin-bottom:13px;font:10px/1.6 IBM Plex Mono,monospace}.commands{gap:7px;display:flex}.commands button{white-space:nowrap;background:#203039;padding:9px 12px;font-size:11px}.commands .restart-button{color:var(--muted);background:0 0}.mission-clock{text-align:right;min-width:70px}.mission-clock strong{margin-top:10px;font:22px IBM Plex Mono,monospace;display:block}.bottom-strip{color:#748f83;letter-spacing:1px;background:#0c161a;justify-content:space-between;align-items:center;height:26px;padding:0 30px;font:7px IBM Plex Mono,monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-strip b{color:#a2bda9;border:1px solid #405647;margin-left:6px;padding:1px 3px}.unit-label{white-space:nowrap;letter-spacing:1px;color:#c5f3da;background:#142927e6;border:1px solid #8dbdaa;padding:3px 6px;font:8px IBM Plex Mono,monospace}.unit-label.hostile{color:#ffc590;border-color:#bb8d61}.extract-label{letter-spacing:2px;color:#a4e8ca;white-space:nowrap;font:8px IBM Plex Mono,monospace}.pause-banner{letter-spacing:1px;z-index:4;background:#15252af0;border:1px solid #abbea6;align-items:center;gap:12px;padding:10px 15px;font:11px IBM Plex Mono,monospace;display:flex;position:absolute;top:95px;left:50%;transform:translate(-50%)}.pause-banner>span{color:var(--mint)}.pause-banner small{display:none}.pause-banner button{color:var(--mint);font:inherit;background:0 0;border:0;padding:4px;font-size:10px}.render-error{text-align:center;background:#12212a;padding:40px;font-size:14px;position:absolute;inset:20%}.render-error button{padding:12px}dialog{color:#dce5df;background:#122229;border:1px solid #52645b;width:min(550px,100vw - 32px);max-height:calc(100dvh - 40px);padding:0;overflow:auto;box-shadow:0 35px 120px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0715199c}.modal-topline{letter-spacing:1px;color:#b1cbbb;border-bottom:1px solid #3b5149;justify-content:space-between;padding:15px 26px;font:8px IBM Plex Mono,monospace;display:flex}.modal-topline span{color:#7e9d91}.modal-body{padding:30px}.orange{color:var(--orange)}.mint{color:var(--mint)}h2{letter-spacing:-.5px;margin:20px 0;font:600 60px/.98 Barlow Condensed,Arial,sans-serif}h2 span{color:var(--orange)}.modal-body>p{color:#a0b7ad;max-width:400px;font-size:12px;line-height:1.9}.brief-stats{border-top:1px solid #395148;border-bottom:1px solid #395148;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0;padding:17px 0;display:grid}.brief-stats small{color:var(--muted);margin-bottom:8px;font:8px IBM Plex Mono,monospace;display:block}.brief-stats strong{letter-spacing:.5px;font:500 17px Barlow Condensed,sans-serif}.quick-guide{flex-wrap:wrap;gap:18px;margin-bottom:25px;display:flex}.quick-guide span{color:#a2b6aa;font-size:10px}.quick-guide b{color:var(--orange);margin-right:6px;font:9px IBM Plex Mono,monospace}.primary{background:var(--orange);color:#1f2928;border:1px solid var(--orange);justify-content:space-between;align-items:center;width:100%;padding:15px 18px;font-size:12px;font-weight:700;display:flex}.primary:hover:not(:disabled){background:#ffd0a3;border-color:#ffdebd}.primary span{font-size:20px}.modal-footnote{color:#819b8e;margin-top:14px;font:9px/1.7 IBM Plex Mono,monospace;display:block}.balance{border-bottom:1px solid #3a5147;justify-content:space-between;align-items:center;margin:25px 0 10px;padding-bottom:14px;display:flex}.balance span{color:var(--muted);font:9px IBM Plex Mono,monospace}.balance strong{color:var(--mint);font:20px IBM Plex Mono,monospace}.upgrade{border-bottom:1px solid #344b40;align-items:center;gap:15px;padding:17px 0;display:flex}.upgrade:last-of-type{margin-bottom:25px}.upgrade-symbol{color:#c3d4c2;text-align:center;width:30px;font-size:30px}.upgrade-copy{flex:1}.upgrade h3{margin:0 0 5px;font-size:12px;font-weight:600}.upgrade p{color:var(--muted);margin:0;font-size:10px}.upgrade button{min-width:65px;padding:10px 13px;font:10px IBM Plex Mono,monospace}.level-pips{align-items:center;gap:4px;margin-top:10px;display:flex}.level-pips i{background:#3a5147;width:20px;height:3px}.level-pips i.filled{background:var(--mint)}.level-pips small{color:var(--muted);margin-left:5px;font:8px IBM Plex Mono,monospace}.controls-list{grid-template-columns:1fr 1.4fr;gap:15px 20px;margin:25px 0;font-size:11px;display:grid}.controls-list dt{color:#d7dfd0}.controls-list dd{color:var(--muted);margin:0}.secondary.full{width:100%;margin-top:10px;padding:12px}.save-warning{color:var(--orange)!important}.save-code{background:#0f1d22;border:1px solid #3a5147;align-items:center;gap:12px;margin-top:16px;padding:10px 12px;display:flex}.save-code span{letter-spacing:1.4px;color:var(--muted);font:8px IBM Plex Mono,monospace}.save-code strong{letter-spacing:1.5px;color:var(--mint);flex:1;font:500 15px IBM Plex Mono,monospace}.load-code{gap:8px;margin-top:16px;display:grid}.load-code label{letter-spacing:1px;color:var(--muted);text-transform:uppercase;font:9px IBM Plex Mono,monospace}.load-code div{gap:8px;display:flex}.load-code input{letter-spacing:1px;text-transform:uppercase;color:#dce5df;border:1px solid var(--border);background:#0f1d22;flex:1;min-width:0;padding:9px 10px;font:13px IBM Plex Mono,monospace}.load-code input:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.load-code button{padding:9px 14px;font-size:11px}.load-code .save-warning{margin:0;font-size:11px}.primary:disabled{opacity:.6}@media (width>=1600px){.scene{inset:76px 0 140px}.mission-panel{top:116px;left:40px}.sector-label{top:120px;right:40px}}@media (width<=1100px){.header-status{display:none}footer{gap:18px;padding:14px 20px}.squad-bar{width:390px}.mission-clock{display:none}.command-message{font-size:9px}.commands button{padding:9px}.commands kbd,.sector-label{display:none}.mission-panel{width:235px;left:20px}.camera-controls{right:20px}.bottom-strip{padding:0 20px}.bottom-strip>span:last-child{display:none}}@media (width<=700px){.app{min-height:720px}header{height:64px;padding:0 15px}.brand{gap:8px;font-size:18px}.brand-mark{width:30px;height:30px}.brand small{letter-spacing:1px;font-size:7px}.credit{font-size:14px}.credit small{font-size:6px}.header-right{gap:12px}.scene{inset:64px 0 217px}.mission-panel{width:210px;padding:12px;top:80px;left:15px}.mission-panel h1{margin:7px 0 13px;font-size:23px}.objectives{gap:8px;font-size:10px}.intel{display:none}.mission-panel .eyebrow{font-size:8px}.camera-controls{bottom:243px;right:15px}.camera-controls span{display:none}footer{flex-direction:column;gap:12px;min-height:202px;padding:12px 15px;bottom:24px}.squad-bar{width:100%}.agent-card{gap:8px;padding:8px}.agent-name{font-size:17px}.agent-class{font-size:6px}.command-bar{align-self:auto;width:100%;margin:0}.command-message{white-space:nowrap;text-overflow:ellipsis;min-height:16px;margin-bottom:6px;font-size:8px;overflow:hidden}.commands button{flex:1;font-size:10px}.bottom-strip{height:24px;padding:0 15px;font-size:6px}.bottom-strip>span:nth-child(2){letter-spacing:0;text-align:right;max-width:200px;font-size:6px}.pause-banner{flex-direction:column;gap:7px;padding:10px;font-size:8px;top:83px;left:auto;right:15px;transform:none}.pause-banner>span{display:none}.modal-body{padding:24px}h2{font-size:50px}.modal-topline{padding:14px 24px;font-size:7px}.quick-guide{gap:10px}.quick-guide span{font-size:9px}.controls-list{gap:14px;font-size:10px}.unit-label{font-size:7px}.portrait{width:34px}.portrait:before{left:6px}.portrait i{left:7px}.portrait:after{left:-3px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}