/* Explicit tracks keep the model inside its own column at every drawer width. */
#ark-panel .district-card{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:16px;row-gap:12px;align-items:center;padding:16px;overflow:hidden}
#ark-panel .district-glyph{grid-column:1;grid-row:1;width:88px;height:78px;min-width:0;margin:0;display:grid;place-items:center;overflow:hidden}
#ark-panel .district-glyph .command-model{display:block;position:static;width:88px;max-width:100%;height:78px;object-fit:contain;margin:0;transform:none}
#ark-panel .district-copy{grid-column:2;grid-row:1;min-width:0;position:relative}
#ark-panel .district-copy small{display:block;font-size:11px;line-height:1.5;letter-spacing:.04em}
#ark-panel .district-copy h4{font-size:19px;line-height:1.4;margin:6px 0;overflow-wrap:anywhere}
#ark-panel .district-copy p{font-size:14px;line-height:1.55;margin:0;overflow-wrap:anywhere}
#ark-panel .district-card>.ark-costs,#ark-panel .district-card>button,#ark-panel .district-lock,#ark-panel .district-complete{grid-column:1/-1;grid-row:auto}
/* Portrait, identity and dialogue have separate, stable columns. */
#opening-comms.arrival-comms{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;max-height:calc(100dvh - 90px);overflow-y:auto;padding:14px}
#opening-comms .comms-visual{grid-column:1;grid-row:1;position:relative;align-self:center;justify-self:center;width:76px;height:94px;margin:0;overflow:hidden;box-sizing:border-box}
#opening-comms #comms-portrait{position:absolute;inset:0;width:100%;height:100%}
#opening-comms .comms-copy{grid-column:2;grid-row:1;min-width:0;min-height:0;padding:0;text-align:center}
#opening-comms .comms-copy header{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin:0}
#opening-comms #comms-name{font-size:16px;line-height:1.4;margin:0}
#opening-comms #comms-channel{font-size:12px;line-height:1.4;position:static;padding:0}
#opening-comms #comms-count{font-size:10px;margin:0}
#opening-comms #comms-line{font-size:16px;line-height:1.6;margin:9px 0 3px;text-align:center}
#opening-comms #comms-next{margin:4px auto 0;min-height:38px;font-size:14px}
[data-typewriter]{display:grid;position:relative}
[data-typewriter]>.typing-reserve,[data-typewriter]>.typing-reveal{grid-area:1/1;white-space:pre-wrap;overflow-wrap:anywhere}
[data-typewriter]>.typing-reserve{visibility:hidden;pointer-events:none}
.typing>.typing-reveal::after{content:'▎';color:#c1ddd8;opacity:.65}
.toast.report .report-line{font:inherit;line-height:inherit}
@media(max-width:380px){#ark-panel .district-card{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:12px}#ark-panel .district-glyph,#ark-panel .district-glyph .command-model{width:70px;height:66px}#opening-comms.arrival-comms{grid-template-columns:60px minmax(0,1fr);gap:10px;padding:12px}#opening-comms .comms-visual{width:60px;height:78px}#opening-comms #comms-line{font-size:15px}}