:root{font-synthesis:none;color:#f2f3ec;--glass:#29353bf2;--edge:#f3fff524;--muted:#b6c5c4;--accent:#e5d5a9;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:#b9d5dc}button,input,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;transition:background .14s,color .14s,box-shadow .14s}button:disabled{opacity:.42;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #f1daa0}button svg{flex-shrink:0;width:20px;height:20px}[hidden]{display:none!important}kbd{opacity:.55;font:10px/1 ui-monospace,monospace}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#loading{color:#263d44;place-items:center;font-size:18px;display:grid;position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}#hud button,#hud input,#hud select,#hud dialog,.tool-tray{pointer-events:auto}.glass{background:var(--glass);border:1px solid var(--edge);box-shadow:inset 0 1px #ffffff0b,0 4px 18px #14293423,0 1px 3px #162b3620}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){:root{--glass:#25343acb}.glass,#settings-dialog{-webkit-backdrop-filter:blur(14px)saturate(120%)}}.top-actions{right:20px;top:calc(18px + var(--safe-top));align-items:center;gap:8px;display:flex;position:absolute}.top-actions button{border-radius:11px;height:38px}#invasion-start,#invasion-cancel{padding:0 13px;font-size:12px}#invasion-cancel{color:#f6d5b4}#invasion-status{top:calc(68px + var(--safe-top));color:#e2e9d7;border-radius:12px;max-width:min(620px,100% - 40px);padding:10px 14px;font-size:12px;line-height:1.5;position:absolute;right:20px}#invasion-confirm{border:1px solid var(--edge);color:#f1f3e9;background:#25333bf5;border-radius:22px;width:470px;max-width:calc(100% - 32px);padding:24px;line-height:1.65}#invasion-confirm::backdrop{background:#172d3755}#invasion-confirm button,#invasion-settings-cancel{background:#415458;border-radius:10px;padding:10px 16px}#invasion-confirm .dialog-heading{margin:24px 0 0}.top-actions button:hover{background:#35464eea}.rebuild-button{align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:550;display:inline-flex}.rebuild-button svg{width:17px;height:17px}.rebuild-button kbd{margin-left:5px}.square{place-items:center;width:38px;padding:0;display:grid}.bottom-hud{left:50%;bottom:calc(20px + var(--safe-bottom));flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;transform:translate(-50%)}.tool-tray{border-radius:16px;align-items:center;gap:4px;padding:5px;display:flex}.tool-tray>button{background:0 0;border-radius:11px;min-width:94px;height:42px;padding:0 13px;font-size:13px;font-weight:550;position:relative}.tool-content{z-index:1;justify-content:center;align-items:center;gap:9px;display:flex;position:relative}.tool-content kbd{margin-left:1px}.tool-tray>button:hover{background:#ffffff12}.tool-tray>button[aria-pressed=true]{color:#fff9e9;background:#e7e4cd20;box-shadow:inset 0 0 0 1px #f2f1dc35,inset 0 1px #faf3d31c,0 1px 3px #11202710}.tool-tray>button[data-tool=plane][aria-pressed=true],.tool-tray>button[data-tool=airstrike][aria-pressed=true]{color:#ffe1c8;background:#edb07820;box-shadow:inset 0 0 0 1px #ebc3a63d}.tool-tip{color:#eef0e6;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;background:#27383bf2;border:1px solid #e2ebdc23;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:400;transition:opacity .13s,transform .13s,visibility .13s;position:absolute;bottom:calc(100% + 17px);left:50%;transform:translate(-50%)translateY(3px);box-shadow:0 3px 14px #16334018}.tool-tray>button:hover .tool-tip,.tool-tray>button:focus-visible .tool-tip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}#hold-progress{pointer-events:none;background:#ecc39f;border-radius:2px;width:0;max-width:calc(100% - 18px);height:2px;position:absolute;bottom:3px;left:9px}#hold-status{font-variant-numeric:tabular-nums;color:#ffe7cc;border-radius:8px;padding:7px 11px;font-size:12px}#hold-status:not([hidden])+.tool-tray .tool-tip{opacity:0;visibility:hidden}#detonate{color:#f9d5c0;background:#a65d432e;border-left:1px solid #d8d9c11c;align-items:center;gap:8px;margin-left:3px;display:flex}#detonate:hover{background:#bc785142}#detonate svg{width:17px;height:17px}#charge-count{color:#ffe9d6;font-variant-numeric:tabular-nums;background:#eed9bf19;border-radius:6px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;display:grid}#toast{top:calc(22px + var(--safe-top));opacity:0;visibility:hidden;text-align:center;border-radius:10px;max-width:min(500px,65%);padding:9px 15px;font-size:12px;line-height:1.5;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;left:50%;transform:translate(-50%,-5px)}#toast.visible{opacity:1;visibility:visible;transform:translate(-50%)}#rebuild-banner{left:50%;top:calc(20px + var(--safe-top));border-radius:13px;align-items:center;gap:25px;min-width:280px;max-width:calc(100% - 40px);padding:12px 13px 12px 17px;display:flex;position:absolute;overflow:hidden;transform:translate(-50%)}#rebuild-banner strong{font-size:13px;font-weight:600;display:block}#rebuild-status{color:var(--muted);margin-top:3px;font-size:11px;display:block}#skip{background:#f1f3df12;border-radius:8px;margin-left:auto;padding:8px 12px;font-size:12px}#skip:hover{background:#f1f3df23}#rebuild-progress{background:var(--accent);height:2px;position:absolute;bottom:0;left:0}#hud[data-rebuilding=true] #toast{top:calc(105px + var(--safe-top))}#stats{top:calc(18px + var(--safe-top));white-space:pre-wrap;color:#e7eee8;pointer-events:auto;border-radius:11px;min-width:260px;max-height:calc(100% - 120px);margin:0;padding:13px 16px;font:11px/1.6 ui-monospace,monospace;position:absolute;left:18px;overflow:auto}#settings-dialog{color:#f1f3e9;overscroll-behavior:contain;touch-action:pan-y;background:#25333bef;border:1px solid #e3ede433;border-radius:22px;width:530px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);padding:25px 26px 22px;overflow:auto;box-shadow:0 24px 90px #10263260,inset 0 1px #f2f4db10}#settings-dialog::backdrop{background:#172d373e}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.eyebrow{color:#b2c4bf;letter-spacing:1.8px;font-size:9px;font-weight:550}.dialog-heading h2{letter-spacing:-.5px;margin:4px 0 0;font-size:25px;font-weight:570}#resume{background:#e7ebda0c;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}#resume:hover{background:#e7ebda1b}.settings-grid{grid-template-columns:1fr 1fr;gap:17px 22px;display:grid}.settings-grid label{color:#dce5df;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;font-size:12px;display:flex}.settings-grid select{color:#f1f2e8;touch-action:manipulation;background:#34464d;border:1px solid #b5c6bf26;border-radius:8px;width:100%;height:36px;padding:0 9px;font-size:12px}.settings-grid input[type=range]{width:100%;height:26px;accent-color:var(--accent);margin:0}.settings-grid output{color:#afc2ba;font-variant-numeric:tabular-nums;font-size:11px}.settings-grid .check{justify-content:flex-start;gap:8px;font-size:12px}.check input{accent-color:var(--accent);width:16px;height:16px;margin:0}.setting-note,.limits{color:#aabfb8;font-size:11px;line-height:1.6}.setting-note{margin:18px 0 0}.settings-actions{gap:8px;margin:20px 0 0;display:flex}.settings-actions button{background:#e4ecd40b;border:1px solid #c3d3c11e;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.settings-actions button:hover{background:#e4ecd41a}.settings-grid>button{color:#f1f2e8;background:#34464d;border:1px solid #b5c6bf40;border-radius:8px;align-self:end;height:36px;padding:0 12px}#audio-preview{margin-top:18px}#audio-preview summary{cursor:pointer;font-size:12px}#audio-preview .settings-actions{flex-wrap:wrap;align-items:center;margin:12px 0}#audio-preview a{color:#ead9a6;font-size:12px}.inspection-row{margin:18px 0 12px}#instant-reset{color:#e6c3a2}.limits{margin:14px 0}#resume-large{color:#253d41;background:#ded8bc;border-radius:10px;width:100%;height:40px;font-size:13px;font-weight:600}#resume-large:hover{background:#eee4c7}#help dl{grid-template-columns:66px 1fr;gap:9px 8px;margin:18px 0;font-size:11px;line-height:1.6;display:grid}#help dt{color:#e4e6d5;font-weight:550}#help dd{color:#b6cac2;margin:0}body[data-context-lost=true] #game{opacity:.25}@media (max-width:600px){.top-actions{top:calc(12px + var(--safe-top));right:12px}.bottom-hud{bottom:calc(12px + var(--safe-bottom))}.tool-tray>button{min-width:81px;padding:0 10px}.tool-content{gap:7px}.tool-content kbd,#detonate kbd,.rebuild-button kbd{display:none}#toast{top:calc(63px + var(--safe-top));width:max-content;max-width:calc(100% - 30px)}#rebuild-banner{top:calc(64px + var(--safe-top))}#settings-dialog{padding:22px 19px}.settings-grid{gap:16px}#stats{top:calc(60px + var(--safe-top));max-width:calc(100% - 24px);max-height:calc(100% - 155px);left:12px}.tool-tip{white-space:normal;width:max-content;max-width:220px;line-height:1.45}}@media (prefers-reduced-motion:reduce){button,#toast,.tool-tip{transition:none}}@media (prefers-reduced-transparency:reduce){:root{--glass:#29353bf5}.glass,#settings-dialog{-webkit-backdrop-filter:none}}.edition-mark{top:calc(14px + var(--safe-top));left:max(14px, env(safe-area-inset-left));pointer-events:none;border-radius:13px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:absolute}.edition-label{letter-spacing:.12em;opacity:.65;font-size:8px}.lite-badge{color:#173b45;letter-spacing:.04em;background:linear-gradient(150deg,#fffad5,#a2e8d6 55%,#7fb0c5);border:1px solid #ecfff0;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:800;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #fff,0 1px 8px #c8fff24a}.lite-badge:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffffb5 49%,#0000 58%);animation:7s ease-in-out infinite lite-sheen;position:absolute;inset:-30% -50%;transform:translate(-70%)}@keyframes lite-sheen{0%,65%{transform:translate(-70%)}85%,to{transform:translate(70%)}}.camera-tools{left:max(14px, env(safe-area-inset-left));bottom:calc(22px + var(--safe-bottom));pointer-events:auto;border-radius:14px;padding:4px;display:flex;position:absolute}.camera-tools button{color:#f2f3ec;background:0 0;border-radius:10px;min-width:44px;min-height:44px;padding:0 10px;font-size:18px}#touch-mode{min-width:56px;font-size:11px}#touch-mode[aria-pressed=true]{background:#d6e6c633}@media (pointer:coarse){button,select{min-height:44px}input[type=range]{height:34px}kbd,.tool-tip{display:none}.glass{-webkit-backdrop-filter:none}}@media (max-width:760px){.edition-mark{top:calc(10px + var(--safe-top));padding:5px 9px;font-size:10px}.top-actions{top:calc(52px + var(--safe-top));justify-content:flex-end;gap:5px;left:10px;right:10px}#city-power{display:none}.camera-tools{bottom:calc(84px + var(--safe-bottom));left:10px}.bottom-hud{width:max-content;max-width:calc(100% - 12px)}.tool-tray{flex-wrap:wrap;justify-content:center;max-width:100%}.tool-tray>button{min-width:0;padding:0 9px}.tool-content{gap:4px;font-size:11px}#toast,#invasion-status,#rebuild-banner{top:calc(110px + var(--safe-top))}.settings-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.lite-badge:after{animation:none}}