:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6eddd;background:#171814;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 25% 12%,#ed9c4a2b,#0000 30%),linear-gradient(135deg,#1b2119,#1b1716 52%,#251d15);min-width:1024px;min-height:720px;margin:0;overflow:hidden}button{font:inherit}#app{width:100vw;height:100vh}.game-shell{grid-template-columns:1fr 300px;width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.canvas-wrap{contain:layout paint;background:#20241b;min-width:0;min-height:0;position:relative}canvas{cursor:crosshair;width:100%;min-width:0;height:100%;min-height:0;display:block}.hud{background:linear-gradient(#26221bf7,#181b18fa),#1d201d;border-left:1px solid #ffebc926;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;min-height:0;padding:14px;display:grid;box-shadow:-12px 0 28px #00000038}.hud-main{min-height:0;padding-right:4px;overflow-y:auto}.hud-controls{gap:10px;min-height:0;display:grid}.brand-row,.resources,.selection-panel,.mission-panel,.timeline-panel,.hint-panel,.quick-select,.log-panel,.command-grid{background:#080a084d;border:1px solid #f6eddd24;border-radius:8px}.brand-row{justify-content:space-between;align-items:center;padding:12px;display:flex}.logo{gap:2px;display:grid}.logo strong{letter-spacing:.08em;font-size:18px}.logo span{color:#bfb095;font-size:12px}.resources{grid-template-columns:1fr 1fr;gap:8px;padding:8px;display:grid}.resource{grid-template-columns:28px 1fr;align-items:center;gap:2px;display:grid}.resource img{grid-row:span 2;width:28px;height:28px}.resource span{color:#cbbda5;font-size:12px}.resource strong{font-size:22px}.mission-panel,.timeline-panel,.hint-panel,.selection-panel,.log-panel{padding:12px}.mission-panel h2,.timeline-panel h2,.hint-panel h2,.selection-panel h2,.log-panel h2{margin:0 0 8px;font-size:15px}.mission-panel p,.hint-panel p,.selection-panel p,.log-panel p{color:#d7cab2;margin:0;font-size:13px;line-height:1.45}.phase-list{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.phase-list li{color:#e6d9c2;grid-template-columns:16px 1fr;gap:5px;font-size:12px;line-height:1.25;display:grid}.phase-list li.done{color:#91d889}.phase-list span{color:#ffd789}.progress{background:#00000047;border:1px solid #f6eddd2e;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.progress>div{background:linear-gradient(90deg,#e7b85b,#e5774e);width:0%;height:100%}.command-grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.command-grid:empty{display:none}.command-grid button,.quick-select button,.screen-panel button,.small-actions button{color:#f8efdf;cursor:pointer;background:linear-gradient(#58503af2,#343128f2);border:1px solid #f6eddd2e;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:38px;display:inline-flex}.command-grid button img{object-fit:contain;flex:none;width:26px;height:26px}.mission-card img{object-fit:contain;flex:none;width:30px;height:30px}.command-grid button span{overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.1}.command-grid button:hover,.quick-select button:hover,.screen-panel button:hover,.small-actions button:hover{border-color:#ffd385cc}.command-grid button:disabled{color:#938979;cursor:not-allowed;background:#36362f8c}.wave-timeline{gap:6px;display:grid}.wave-row{color:#d7cab2;grid-template-columns:48px 1fr auto;align-items:center;gap:6px;font-size:12px;display:grid}.wave-row strong{color:#ffd789;font-size:12px}.wave-row.done{opacity:.48}.threat-chip{color:#f8efdf;text-align:center;border:1px solid #f6eddd2e;border-radius:999px;min-width:42px;padding:2px 6px}.quick-select{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;display:grid}.quick-select button{min-height:30px;padding:0 4px;font-size:10px;line-height:1.05}.quick-select kbd,.controls-lead .kbd{color:#ffe2a2;min-width:16px;font:inherit;background:#080a0880;border:1px solid #ffd7898c;border-radius:4px;place-items:center;padding:1px 4px;line-height:1.1;display:inline-grid}.tutorial-overlay{z-index:3;background:#121411e6;border:1px solid #ffd7896b;border-radius:8px;gap:7px;width:min(360px,100% - 230px);padding:12px;display:grid;position:absolute;top:18px;left:202px;box-shadow:0 12px 34px #0000004d}.tutorial-overlay[hidden]{display:none}.tutorial-overlay strong{color:#ffd789;font-size:14px}.tutorial-overlay p{color:#f6eddd;margin:0;font-size:13px;line-height:1.4}.tutorial-overlay button{color:#f8efdf;cursor:pointer;background:#58503af2;border:1px solid #f6eddd2e;border-radius:8px;justify-self:start;min-height:30px;padding:0 10px}.small-actions{gap:8px;display:flex}.small-actions button{flex:1;min-height:38px}.log-panel{max-height:96px;overflow:hidden}.toast{color:#f8efdf;pointer-events:none;background:#171612d1;border:1px solid #f6eddd2e;border-radius:8px;max-width:580px;padding:12px 14px;position:absolute;bottom:18px;left:18px;box-shadow:0 8px 24px #00000040}.screen{background:linear-gradient(90deg, #0c0e0cbf, #0c0e0c47 58%, #0c0e0cc7), linear-gradient(180deg, #0e100d3d, #0e100de0), var(--title-art) center / cover, #151813;z-index:5;place-items:start center;padding:clamp(18px,4vw,40px);display:grid;position:fixed;inset:0;overflow:auto}.screen.hidden{display:none}.screen-panel{background:#121411d6;border:1px solid #f6eddd33;border-radius:8px;width:min(900px,100vw - 48px);max-height:calc(100vh - 48px);padding:22px;overflow:auto;box-shadow:0 24px 80px #00000052}.title-logo{width:min(340px,72vw);height:auto;margin:0 0 12px;display:block}.screen-panel h1{margin:0 0 8px;font-size:clamp(42px,6vw,76px);line-height:.95}.screen-panel .lead{color:#dfd2ba;overflow-wrap:anywhere;max-width:700px;margin:0 0 14px;font-size:15px;line-height:1.42}.screen-panel .controls-lead{margin-top:12px;margin-bottom:0;font-size:13px}.campaign-options{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 14px;display:grid}.campaign-options section{background:#0000003d;border:1px solid #f6eddd29;border-radius:8px;padding:10px}.campaign-options h2{margin:0 0 8px;font-size:14px}.campaign-options p{color:#d7cab2;margin:8px 0 0;font-size:12px;line-height:1.35}.option-row{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;display:grid}.option-row button{color:#f8efdf;cursor:pointer;background:#38362cd6;border:1px solid #f6eddd2e;border-radius:8px;min-height:34px;padding:0 8px}.option-row button.selected{background:linear-gradient(#6fb7ff6b,#7ee0833d);border-color:#ffd789e6}.mission-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 18px;display:grid}.result-grid span{color:#cfc1a8;background:#00000047;border:1px solid #f6eddd29;border-radius:8px;gap:3px;padding:9px;font-size:12px;display:grid}.result-grid strong{color:#ffd789;font-size:15px}.debrief-panel{background:#00000038;border:1px solid #f6eddd29;border-radius:8px;gap:6px;margin:0 0 16px;padding:12px;display:grid}.debrief-panel h2{margin:0;font-size:16px}.debrief-panel p{color:#d7cab2;margin:0;font-size:13px;line-height:1.4}.screen-panel .mission-card{text-align:left;grid-template-columns:auto 1fr;align-content:start;gap:8px;min-height:126px;padding:11px;display:grid}.screen-panel .mission-card strong{align-self:center;font-size:15px}.screen-panel .mission-card span{color:#d7cab2;grid-column:1/-1;font-size:12px;line-height:1.35}@media (height<=780px){.screen-panel{padding:18px}.title-logo{width:min(330px,72vw);margin-bottom:10px}.screen-panel .lead{margin-bottom:14px;font-size:15px;line-height:1.4}.screen-panel .controls-lead{margin-top:12px;font-size:13px}.mission-list{gap:8px}.screen-panel .mission-card{min-height:118px;padding:10px}}@media (width<=700px){body{min-width:0;min-height:0}.game-shell{grid-template-columns:1fr}.hud{display:none}.screen{place-items:start center;padding:10px;position:fixed;overflow:auto}.screen-panel{width:calc(100vw - 20px);max-height:none;margin:0 auto;padding:12px;overflow:visible}.title-logo{width:min(230px,68vw);margin-bottom:8px}.screen-panel .lead{margin-bottom:10px;font-size:13px;line-height:1.35}.screen-panel .controls-lead{margin-top:8px;font-size:11px}.mission-list{grid-template-columns:1fr;gap:6px}.screen-panel .mission-card{min-height:0;padding:8px}.mission-card img{width:24px;height:24px}.screen-panel .mission-card strong{font-size:13px}.screen-panel .mission-card span{font-size:11px;line-height:1.25}.result-grid{grid-template-columns:1fr 1fr}}.selection-head{grid-template-columns:58px 1fr;align-items:center;gap:10px;display:grid}.selection-head img{object-fit:contain;background:#00000047;border:1px solid #f6eddd29;border-radius:8px;width:58px;height:58px}.end-title{color:#ffd789}.kbd{background:#ffffff0f;border:1px solid #f6eddd2e;border-radius:4px;place-items:center;min-width:24px;height:22px;padding:0 6px;font-size:12px;display:inline-grid}