.hud{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;background:var(--surface-base);overflow:hidden}.hud__top{display:flex;align-items:center;gap:var(--sp-2);background:var(--surface-panel);border-bottom:var(--border)}.hud__top>:first-child{flex:1;min-width:0;border-bottom-width:var(--sp-0)}.hud-check{display:flex;align-items:center;gap:var(--sp-1);flex-wrap:wrap;padding-right:var(--sp-4)}.hud-check__note{font-family:var(--font-mono);font-size:var(--fs-mono-s);color:var(--text-dim)}.hud-tile{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--plan-cell);height:var(--plan-cell)}.hud-tile__glyph{font-family:var(--font-mono);font-size:var(--fs-body);line-height:var(--lh-tight);color:var(--text-dim)}.hud-tile--wall{background:var(--hatch-45);border:var(--border)}.hud-tile--hazard .hud-tile__glyph{color:var(--plan-hazard)}.hud-tile--heal .hud-tile__glyph{color:var(--state-heal)}.hud-tile--way .hud-tile__glyph{color:var(--plan-door)}.hud-tile--cover .hud-tile__glyph{color:var(--text-body)}.hud-log{display:flex;flex-direction:column;min-height:0;height:100%}.hud-log__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-3);border-bottom:var(--border)}.hud-log__scroll{flex:1;min-height:0;overflow-y:auto}.hud-log__cut{margin:var(--sp-0);padding:var(--sp-2) var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-mono-s);line-height:var(--lh-data);color:var(--text-dim)}.hud-log__tick{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:var(--surface-raised);border-top:var(--border);border-bottom:var(--border)}.hud-log__tick-label,.hud-log__tick-count{font-family:var(--font-mono);font-size:var(--fs-mono-s);line-height:var(--lh-data);color:var(--text-dim);font-variant-numeric:tabular-nums}.hud-log__tick-label{color:var(--text-body)}.hud-log__actor{margin:var(--sp-0);padding:var(--sp-1) var(--sp-3) var(--sp-0);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);line-height:var(--lh-data);color:var(--text-dim)}.hud-log__row{border-left:var(--bw-accent) solid transparent;transition:var(--transition-hover)}.hud-log__row--fired{border-left-color:var(--line-strong)}.hud-log__row--armed{border-left-color:var(--line-accent);background:var(--surface-raised)}.hud-scrub{display:flex;align-items:center;gap:var(--sp-3);min-width:0;flex:1}.hud-scrub__range{flex:1;min-width:0;accent-color:var(--gauge-cpu)}.hud-scrub__readout{font-family:var(--font-mono);font-size:var(--fs-mono-s);line-height:var(--lh-data);color:var(--text-data);font-variant-numeric:tabular-nums}.hud-stats{width:100%;table-layout:fixed;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--fs-mono-s);line-height:var(--lh-data);color:var(--text-body);font-variant-numeric:tabular-nums}.hud-stats th,.hud-stats td{padding:var(--sp-1) var(--sp-2);text-align:right;border-bottom:var(--border)}.hud-stats th:nth-child(2),.hud-stats th:nth-child(3),.hud-stats th:nth-child(4),.hud-stats td:nth-child(2),.hud-stats td:nth-child(3),.hud-stats td:nth-child(4){width:3rem;white-space:nowrap}.hud-stats th:nth-child(1),.hud-stats td:nth-child(1){width:4rem}.hud-stats thead th{font-family:var(--font-body);font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-dim)}.hud-stats th[scope=row],.hud-stats__note{text-align:left}.hud-stats__note{white-space:normal}.hud-stats__row--warn th[scope=row]{color:var(--text-danger)}.hud-stats__empty{margin:var(--sp-0);padding:var(--sp-3)}.hud-heat{display:flex;flex-direction:column;gap:var(--sp-2)}.hud-heat__caption{margin:var(--sp-0);font-size:var(--fs-body-s);line-height:var(--lh-data);color:var(--text-dim)}.hud-heat__peak{font-family:var(--font-mono);color:var(--text-body)}.hud-heat__grid{display:grid;gap:var(--bw);background:var(--line-grid);border:var(--border);width:100%}.hud-heat__cell{display:flex;align-items:center;justify-content:center;min-width:var(--sp-0);aspect-ratio:1;overflow:hidden;font-family:var(--font-mono);font-size:var(--fs-label);line-height:var(--lh-tight);color:var(--text-dim);background:var(--surface-plan);font-variant-numeric:tabular-nums}.hud-heat__cell--l1{color:var(--text-body);background:color-mix(in srgb,var(--rust) 20%,var(--surface-plan))}.hud-heat__cell--l2{color:var(--text-body);background:color-mix(in srgb,var(--rust) 40%,var(--surface-plan))}.hud-heat__cell--l3{color:var(--chalk);background:color-mix(in srgb,var(--rust) 65%,var(--surface-plan))}.hud-heat__cell--l4{color:var(--chalk);background:color-mix(in srgb,var(--rust) 90%,var(--surface-plan))}.hud-post{position:fixed;inset-block:var(--sp-0);inset-inline:var(--sp-0);max-inline-size:var(--app-max);margin-inline:auto;z-index:10;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--surface-base);overflow:hidden}.hud-post__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-1) var(--sp-4);min-height:var(--bar-top);padding:var(--sp-1) var(--sp-4);border-bottom:var(--border)}.hud-post__title{grid-area:1 / 1;font-size:var(--fs-display-m);color:var(--text-display)}.hud-post__head>.ds-button{grid-area:1 / 2}.hud-post__meta{grid-area:2 / 1 / auto / -1;font-family:var(--font-mono);font-size:var(--fs-mono-s);color:var(--text-dim)}.hud-post__body{display:grid;grid-template-columns:var(--post-cols);grid-auto-rows:max-content;align-content:start;gap:var(--sp-4);min-height:0;padding:var(--sp-4);overflow:auto}.hud-post__col{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0;min-height:0}.hud__rewind-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-top:var(--bw) solid var(--line)}.story-card{position:fixed;inset-block:var(--sp-0);inset-inline:var(--sp-0);z-index:11;display:grid;place-items:center;padding:var(--sp-4);background:color-mix(in srgb,var(--surface-base) 82%,transparent)}.story-card__sheet{display:grid;gap:var(--sp-4);inline-size:min(52ch,100%);max-block-size:100%;overflow-y:auto;padding:var(--sp-5) var(--sp-5) var(--sp-4);background:var(--surface-panel);border:var(--border-strong)}.story-card__head{display:grid;gap:var(--sp-1);padding-bottom:var(--sp-3);border-bottom:var(--border)}.story-card__title{margin:var(--sp-0);font-family:var(--font-display);font-size:var(--fs-display-m);color:var(--text-display)}.story-card__foot{display:flex;justify-content:flex-end;padding-top:var(--sp-2);border-top:var(--border)}.story-note{display:grid;gap:var(--sp-3)}.story-note__line{margin:var(--sp-0);font-size:var(--fs-body);line-height:1.7;color:var(--text-body);max-inline-size:52ch;text-wrap:pretty}.story-note__strong{font-weight:600;color:var(--text-display)}