:root{color-scheme:dark;--bg:#101a28;--panel:#172638;--line:#2b3e52;--text:#eaf3fa;--muted:#92a8ba;--orange:#ffb65c;--blue:#4bc1ed;--red:#ff695e;--green:#71d69a;--purple:#b79afc}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#0c1623;color:var(--text);font-family:'DM Sans',system-ui,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer}.app{height:100dvh;min-height:610px;display:flex;flex-direction:column;background:radial-gradient(circle at 70% 20%,#1e3647,#101a28 58%)}.topbar{height:76px;flex:none;display:flex;align-items:center;gap:24px;padding:0 27px;background:#111f2e;border-bottom:1px solid #2b4155;box-shadow:0 7px 25px #07101a56;z-index:3}.brand{display:flex;gap:12px;align-items:center;min-width:247px}.brand-mark{background:#ed5d58;color:white;width:37px;height:37px;border-radius:8px;display:grid;place-items:center;transform:rotate(-9deg);font-size:27px;font-weight:900;box-shadow:0 3px 0 #a83d3c}.brand-mark::first-letter{transform:rotate(9deg)}.brand b{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:27px;letter-spacing:1px;line-height:24px;display:block}.brand em{color:#ffb85d;font-style:normal}.brand small{display:block;font-weight:800;color:#8ba3b6;font-size:9px;letter-spacing:3px;margin-top:4px}.mission-label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:1.5px;color:#c8d7e3;white-space:nowrap}.live-dot,.pulse-dot,.mini-dot{background:#fa7665;width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 10px #fa7665}.top-stats{display:flex;margin-left:auto;gap:32px}.top-stats>div{display:grid;gap:2px;min-width:82px}.top-stats small{color:#809bae;font-size:9px;letter-spacing:1.1px;font-weight:800}.top-stats strong{font:800 23px 'Barlow Condensed',sans-serif;letter-spacing:1px}.top-stats>div:nth-child(2) strong{color:#8fe4ac}.top-stats>div:nth-child(3) strong{color:#ffc46d;font-size:20px}.icon-btn{width:39px;height:39px;border:1px solid #40566a;border-radius:9px;background:#24374b;color:white;font-weight:800}.icon-btn:hover{background:#36516b}.game-layout{display:flex;flex:1;min-height:0}.sidebar{width:300px;flex:none;display:flex;flex-direction:column;background:#162638;border-right:1px solid #34495b;min-height:0}.panel-heading{padding:24px 22px 15px}.eyebrow{color:#7ca5c4;font-size:9px;letter-spacing:2px;font-weight:800}.sidebar h2{font:800 23px 'Barlow Condensed',sans-serif;letter-spacing:.5px;margin:6px 0 5px}.panel-heading p{color:#91a8ba;font-size:11px;line-height:1.5;margin:0}.units{padding:3px 13px 8px;display:grid;gap:7px}.unit-card{display:flex;align-items:center;gap:10px;background:#1d3043;border:1px solid #30485d;border-radius:9px;padding:9px;min-height:64px;text-align:left;color:white;transition:background .15s,border-color .15s,transform .15s}.unit-card:hover{transform:translateX(2px);background:#284158}.unit-card.selected{border-color:#ffcd78;background:#304353;box-shadow:0 0 0 1px #ffcd7844,inset 3px 0 #ffbe63}.unit-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:7px;font-size:19px;background:var(--unit-soft);color:var(--unit-color)}.unit-text{min-width:0;flex:1}.unit-text b{display:block;font-size:12px}.unit-text small{color:#a1b7c6;font-size:10px;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-key{border:1px solid #506173;color:#b9cfdd;font-size:10px;width:20px;height:20px;border-radius:4px;display:grid;place-items:center}.side-separator{height:1px;background:#31485d;margin:7px 20px 18px}.incidents-header{padding:0 22px 10px}.incidents-header h2{display:flex;align-items:center;gap:9px;margin-top:4px}.count{font:800 12px 'DM Sans',sans-serif;border-radius:15px;padding:3px 7px;background:#b44c4a;color:white}.incidents{overflow-y:auto;min-height:0;flex:1;padding:0 13px 12px;scrollbar-color:#466077 transparent;scrollbar-width:thin}.incident-card{display:flex;align-items:center;gap:9px;width:100%;padding:10px 9px;margin-bottom:7px;background:#1e3042;border:1px solid #30485a;border-radius:8px;text-align:left;color:#eef5f8}.incident-card:hover{border-color:#7a9db5;background:#2a4156}.incident-icon{font-size:19px;width:30px;text-align:center}.incident-info{flex:1;min-width:0}.incident-info b{font-size:11px;display:block}.incident-info small{font-size:9px;color:#a6b8c6}.incident-bar{width:45px;height:5px;border-radius:3px;background:#0c1c2a;overflow:hidden}.incident-bar>span{display:block;height:100%;background:#ffbd65}.empty-incidents{color:#a5b8c6;font-size:11px;line-height:1.6;text-align:center;padding:25px 12px;border:1px dashed #496076;border-radius:9px}.side-footer{border-top:1px solid #33495d;padding:16px 19px;display:flex;gap:9px;align-items:center;color:#a9bfce;font-size:10px;min-height:58px}.pulse-dot{background:#75dba1;box-shadow:0 0 10px #75dba1;flex:none}.map-pane{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 22px 13px;gap:11px;background:radial-gradient(circle at 52% 45%,#224052,#101d2c 73%)}.map-frame{position:relative;width:min(100%,calc((100dvh - 142px)*1.77778));aspect-ratio:16/9;border:2px solid #456378;border-radius:12px;overflow:hidden;box-shadow:0 24px 50px #07121fcc,0 0 0 6px #ffffff0a;background:#326a63}canvas{display:block;width:100%;height:100%;cursor:crosshair}.map-corner{position:absolute;pointer-events:none;z-index:2;color:#e1ebf1;background:#0b1d2abf;backdrop-filter:blur(3px);padding:9px 12px;font-size:9px;font-weight:800;letter-spacing:1px}.top-left{left:11px;top:11px;border-radius:5px}.map-id{color:#91a7b7;padding-left:15px}.bottom-right{bottom:11px;right:11px;border-radius:5px;color:#a9d8c3}.mini-dot{width:6px;height:6px;margin-right:6px}.bottom-bar{width:min(100%,calc((100dvh - 142px)*1.77778));display:flex;align-items:center;justify-content:space-between;color:#96adbf;gap:12px;font-size:10px}.controls-hint{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.key{display:inline-block;border:1px solid #425d70;border-bottom-width:2px;background:#22364a;border-radius:4px;padding:3px 5px;color:#d3e3ee;font-weight:800;font-size:9px}.divider{padding:0 5px}.difficulty{font-size:9px;color:#7fcba2;letter-spacing:1.3px;white-space:nowrap;font-weight:800}.map-tooltip{position:absolute;z-index:4;background:#101d29e8;color:#fff;border:1px solid #8aa7b2;padding:7px 10px;border-radius:6px;pointer-events:none;font-size:11px;transform:translate(12px,-36px);white-space:nowrap}.hidden{display:none!important}.toast{position:fixed;z-index:20;top:92px;left:50%;transform:translate(-50%,-12px);background:#193248;border:1px solid #70a8c6;border-radius:8px;padding:12px 17px;color:#f4f8fb;box-shadow:0 14px 32px #0007;font-size:12px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:min(90vw,450px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.warn{border-color:#ffa867}.overlay{position:fixed;inset:0;background:#08111dcf;display:grid;place-items:center;z-index:10;padding:24px;backdrop-filter:blur(7px);overflow-y:auto}.overlay.hidden{display:none}.overlay-content{width:min(780px,100%);background:linear-gradient(150deg,#1f3547,#122233);border:1px solid #486579;box-shadow:0 30px 80px #0009;border-radius:17px;padding:35px 39px;position:relative}.overlay-content:before{content:'';position:absolute;top:0;left:38px;width:115px;height:3px;background:#ffbd69;border-radius:4px}.overlay-tag{color:#ffbd69;font-weight:800;letter-spacing:2px;font-size:10px}.overlay h1{font:800 clamp(36px,5vw,58px)/.95 'Barlow Condensed',sans-serif;letter-spacing:.5px;margin:12px 0 13px}.overlay h1 em{color:#ffba65;font-style:normal}.overlay p{color:#bdd0dd;font-size:13px;line-height:1.6;margin:0 0 23px;max-width:640px}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:22px 0}.mission-choice{text-align:left;color:white;background:#1a3041;border:1px solid #466174;border-radius:10px;padding:16px;min-height:160px;transition:transform .18s,border-color .18s,background .18s}.mission-choice:hover,.mission-choice.active{transform:translateY(-3px);background:#2a4557;border-color:#ffbd69}.mission-choice .mission-num{display:block;color:#ffbc6e;font:800 24px 'Barlow Condensed',sans-serif}.mission-choice b{display:block;font:800 20px 'Barlow Condensed',sans-serif;margin:13px 0 6px}.mission-choice small{color:#a8c1d0;font-size:10px;line-height:1.5;display:block}.overlay-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.primary-btn,.secondary-btn{border:0;padding:12px 23px;border-radius:7px;background:#ffba64;color:#172639;font-weight:800;font-size:12px;letter-spacing:.4px;box-shadow:0 4px 0 #bd7741}.primary-btn:hover{background:#ffd18e}.secondary-btn{background:#2c465b;box-shadow:none;color:#e6f1f8;border:1px solid #63809a}.secondary-btn:hover{background:#3e617a}.overlay-note{color:#89a8bc;font-size:10px;margin-left:auto}.result-stats{display:flex;gap:11px;margin:18px 0 25px}.result-stats>div{flex:1;padding:14px 16px;border:1px solid #455f74;border-radius:8px;background:#1b3345}.result-stats small{font-size:10px;color:#9eb6c7;display:block}.result-stats b{font:800 27px 'Barlow Condensed',sans-serif;display:block;margin-top:4px;color:#ffbf74}@media(max-width:1100px){.sidebar{width:260px}.topbar{gap:12px;padding:0 15px}.brand{min-width:220px}.top-stats{gap:13px}.map-pane{padding:10px}.controls-hint{font-size:9px}}@media(max-height:760px){.topbar{height:62px}.panel-heading{padding:14px 18px 8px}.units{gap:4px}.unit-card{min-height:52px;padding:6px}.unit-icon{width:32px;height:32px}.side-separator{margin:5px 15px 11px}.incidents-header{padding-bottom:6px}.map-frame{width:min(100%,calc((100dvh - 120px)*1.77778))}.bottom-bar{width:min(100%,calc((100dvh - 120px)*1.77778))}.map-pane{padding:8px;gap:5px}}@media(max-width:800px){body{overflow:auto}.app{min-height:800px}.game-layout{flex-direction:column}.sidebar{order:2;width:100%;flex:none;display:grid;grid-template-columns:1fr 1fr;max-height:none}.panel-heading{grid-column:1/-1}.units{grid-column:1}.side-separator{display:none}.incidents-header{grid-column:2;grid-row:2;align-self:start}.incidents{grid-column:2;grid-row:3;max-height:215px}.side-footer{grid-column:1/-1}.map-pane{order:1;flex:none}.top-stats{gap:8px}.top-stats>div:nth-child(2){display:none}.mission-label{display:none}.mission-grid{grid-template-columns:1fr}.mission-choice{min-height:85px}.overlay-content{padding:26px}.bottom-bar{display:none}}

.unit-icon img{width:43px;height:37px;object-fit:contain;image-rendering:pixelated}.unit-icon:has(img){width:48px;flex:none;overflow:hidden}