<!-- SOLID CITY · part 2016 -->
background:var(--team);transform:rotate(45deg);margin-right:8px}
    .screen-head .health{margin-left:auto;font-size:11px;color:var(--muted)}
    .screen-head .signal{font-size:10px;color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent);padding:4px 6px;border-radius:4px}
    .view{position:relative;min-height:260px;touch-action:none;overflow:hidden;background:#020706}
    canvas{display:block;width:100%;height:100%;touch-action:none}
    .objective{position:absolute;top:9px;left:10px;right:10px;display:flex;align-items:center;gap:8px;pointer-events:none}
    .objective span{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--muted)}
    .meter{height:5px;flex:1;background:#14201f;overflow:hidden;clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%)}.meter i{display:block;height:100%;background:var(--team);width:0;transition:width .25s}
    .selected{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:7px 9px;background:rgba(2,9,8,.82);border:1px solid color-mix(in srgb,var(--team) 55%,transparent);font-size:11px;pointer-events:none}.selected strong{color:var(--team)}
    .commands{background:#081310;border-top:1px solid color-mix(in srgb,var(--team) 35%,transparent);padding:9px 10px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:8px}
    .orders{display:grid;grid-template-columns:repeat(4,minmax(54px,1fr));gap:6px}
    .orders button,.pilot button{min-height:44px;border:1px solid var(--line);background:var(--button);border-radius:6px;font-size:10px;font-weight:900;letter-spacing:.05em}
    .orders button:active,.orders button.active{background:color-mix(in srgb,var(--team) 25%,var(--button));border-color:var(--team)}
    .pilot{display:grid;grid-template-columns:repeat(3,54px);gap:6px}.pilot button{font-size:9px}.pilot .fire{color:#fff;background:color-mix(in srgb,var(--danger) 55%,#351010);border-color:var(--danger)}.pilot .release{color:var(--team);border-color:var(--team)}
    .toast{position:fixed;left:50%;top:75px;transform:translateX(-50%);z-index:30;background:#edf9f6;color:#07110f;padding:9px 13px;border-radius:6px;font-size:12px;font-weight:800;box-shadow:0 8px 30px #0008;opacity:0;pointer-events:none;transition:opacity .15s}.toast.show{opacity:1}
    .drawer{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.72);display:none;justify-content:flex-end}.drawer.open{display:flex}.sheet{width:min(760px,100%);height:100%;background:var(--panel);border-left:1px solid var(--line);overflow:auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(30px + env(safe-area-inset-bottom))}
    .sheet-head{display:flex;align-items:center;gap:12px;position:sticky;top:calc(-16px - env(safe-area-inset-top));z-index:2;background:var(--panel);padding:14px 0 12px;border-bottom:1px solid var(--line)}.sheet-head h2{font-size:22px;margin:0}.sheet-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.close{margin-left:auto;width:44px;height:44px;background:var(--button);border:1px solid var(--line);border-radius:50%;font-size:20px}
    .scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.score{padding:12px;background:var(--panel2);border-bottom:3px solid var(--team)}.score b{display:block;color:var(--team);font-size:22px}.score span{font-size:10px;color:var(--muted);letter-spacing:.08em}.score.gold{--team:var(--gold)}.score.teal{--team:var(--teal)}
    .ships{display:grid;gap:7px}.shiprow{display:grid;grid-template-columns:78px 86px 1fr 96px;align-items:center;gap:8px;padding:10px;background:var(--panel2);border:1px solid var(--line)}.shiprow strong{font-size:12px}.shiprow .owner{font-size:10px;font-weight:900}.human{color:#fff;background:#8b4b13;padding:3px 5px;border-radius:3px}.ai{color:var(--teal)}.hullbar{height:7px;background:#182421}.hullbar i{display:block;height:100%;background:var(--ok)}.shiprow small{color:var(--muted);font-size:10px}.task{text-align:right}
    .event-title{font-size:12px;letter-spacing:.08em;margin:18px 0 8px}.events{display:grid;gap:1px;background:var(--line)}.event{background:var(--panel2);padding:9px 10px;display:grid;grid-template-columns:58px 1fr auto;gap:8px;font-size:11px}.event time{color:var(--muted)}.event em{font-style:normal;color:var(--muted);font-size:9px}.empty{color:var(--muted);font-size:12px;padding:18px;text-align:center;border:1px dashed var(--line)}
    .debrief{position:fixed;inset:0;z-index:70;background:rgba(0,6,5,.92);display:none;place-items:center;padding:24px}.debrief.open{display:grid}.debrief-card{width:min(480px,100%);background:var(--panel2);border:1px solid var(--line);padding:26px}.debrief h2{font-size:32px;margin:0 0 8px}.debrief p{color:var(--muted);line-height:1.5}.debrief button{width:100%;min-height:52px;margin-top:10px;background:var(--ink);color:#06100f;font-weight:900;border-radius:6px}
    .start-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:auto