<!-- SOLID CITY · part 1931 -->
olation:isolate}
    .view:first-child{border-right:1px solid #344054}
    canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
    .tag{position:absolute;z-index:3;top:11px;left:12px;font:900 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;text-shadow:0 2px 6px #000}
    .human .tag{color:var(--gold)}.ai .tag{color:var(--teal)}
    .hud{position:absolute;z-index:3;top:11px;right:12px;display:flex;align-items:center;gap:8px;color:#fff;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-shadow:0 2px 5px #000}
    .hull{width:62px;height:5px;background:#303744;box-shadow:0 0 0 1px #52607555}
    .hull i{display:block;width:100%;height:100%;transition:width .12s;background:var(--gold)}
    .ai .hull i{background:var(--teal)}
    .auto-badge{position:absolute;z-index:3;top:33px;left:12px;color:#c9d1dc;background:#080c13b8;border:1px solid #536174;padding:4px 6px;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;pointer-events:none;transition:.08s}
    .auto-badge.hot{color:#fff;border-color:currentColor;box-shadow:0 0 12px currentColor}.human .auto-badge.hot{color:var(--gold)}.ai .auto-badge.hot{color:var(--teal)}
    .powerbar{position:absolute;z-index:3;top:31px;right:12px;display:flex;gap:5px;min-height:17px;pointer-events:none}
    .buildbar{position:absolute;z-index:3;top:54px;right:12px;color:#dbe4ed;background:#060a11b8;padding:4px 6px;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;pointer-events:none}.buildbar b{color:var(--gold)}.ai .buildbar b{color:var(--teal)}
    .power{display:none;min-width:37px;padding:3px 5px;background:#070c13d9;border:1px solid currentColor;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-align:center;text-shadow:0 1px 4px #000}.power.on{display:block}.power.shield{color:#6ef2ff}.power.spread{color:#ff9b57}.power.rapid{color:#fff26a}.power.repair{color:#72ff9d}
    .altitude-meter{display:none;position:absolute;z-index:5;left:12px;top:54px;width:58px;padding:4px;background:#050910c9;border:1px solid #536174;font:900 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;pointer-events:none;box-shadow:0 5px 18px #0008}.altitude-meter.show{display:grid;gap:3px}.altitude-meter span{padding:3px 2px;color:#728092;border-left:2px solid #384454;text-align:center}.altitude-meter span.active{color:#fff;background:#ffffff12;border-color:var(--gold);text-shadow:0 0 7px currentColor}.ai .altitude-meter span.active{border-color:var(--teal)}
    .fire-btn{position:absolute;z-index:8;right:max(18px,env(safe-area-inset-right));bottom:max(19px,env(safe-area-inset-bottom));width:82px;height:82px;border-radius:50%;border:2px solid #ffc84acc;background:radial-gradient(circle,#5b2408 0 38%,#1b0c07e8 40% 100%);color:#ffe29a;font:900 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;box-shadow:0 0 0 7px #ffc84a18,0 0 26px #ff8c2438;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}
    .fire-btn:active,.fire-btn.firing{background:radial-gradient(circle,#fff4bf 0 15%,#ff8c24 18% 48%,#361007 51%);color:#240d03;box-shadow:0 0 0 10px #ffc84a2b,0 0 34px #ff8c24}
    .fire-btn small{display:block;margin-top:5px;font:800 7px/1 ui-monospace,monospace;color:#d8b875;letter-spacing:.08em}.fire-btn:active small,.fire-btn.firing small{color:#4d230b}
    .indicator{position:absolute;z-index:4;left:50%;top:18%;translate:-50% 0;white-space:nowrap;padding:6px 10px;background:#05080ddd;border:1px solid currentColor;font:900 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;opacity:0;transform:translateY(-6px);transition:.18s;pointer-events:none}
    .indicator.show{opacity:1;transform:none}.human .indicator{color:var(--gold)}.ai .indicator{color:var(--teal)}
    .stick{position:absolute;z-index:4;width:88px;height:88px;border:1px solid #ffffff38;border-radius:50%;translate:-50% -50%;display:none;pointer-events:none;background:#07101a66;box-shadow:inset 0 0 20px #0008}
    .stick.show{display:block}.stick b{position:absolute;width:30px;height:30px;border-radius:50%;left:28px;top:28px;background:#ffffff22;border:1px solid #ffffff88;box-shadow:0 0 14px #fff3}
    .center-mark{position:absolute;z-index:2;left:50%;top:50%;width:10px;height:10px;margin:-5px;border:1px solid #ffffff18;border-radius:50%;pointer-events:none}
    .intro,.debrief,.level-beat{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 42%,#15202eda,#03050afa 66%)}
    .intro[hidden],.debrief[hidden],.level-beat[hidden]{display:none}
    .level-card{width:min(540px,100%);text-align:center}.level-no{color:var(--gold);font:900 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}.level-card h2{margin:10px 0 12px;font-size:clamp(34px,8vw,58px);line-height:.9;text-transform:uppe