/* 2026-10-09 Phase 0 — phone header shrink (CSS only). Desktop untouched: everything is inside max-width:600px. */
@media (max-width: 600px) {
  .site-header .solid-world-wrap { height: 52px !important; min-height: 0 !important; }
  .site-header .header-inner { padding-top: 4px !important; padding-bottom: 4px !important; row-gap: 4px !important; }
  .site-header .slot-utils { gap: 6px !important; margin-top: 4px !important; margin-bottom: 0 !important; }
  .site-header .slot-utils > a,
  .site-header .slot-utils > button { padding: 5px 8px !important; font-size: 11px !important; min-height: 30px !important; line-height: 1.2 !important; }
  .site-header .header-search { margin-top: 4px !important; margin-bottom: 4px !important; }
  .site-header .header-search input { padding-top: 6px !important; padding-bottom: 6px !important; font-size: 16px !important; }
  .site-header .header-search button { padding-top: 4px !important; padding-bottom: 4px !important; }
  .site-header .auth-box { margin-top: 2px !important; margin-bottom: 2px !important; }
  .site-header .auth-box a, .site-header .auth-box button { padding-top: 6px !important; padding-bottom: 6px !important; }
}

/* 2026-10-09 Phase 1 — /room and /room/aegis: holo.css + tactical.css set "body > * { position: relative }",
   which pulled these fixed layers into the page flow and left empty black bands. Put them back; the bar stays a
   drop-down tucked above the screen with its tab (#room-bar-handle) hanging at the top centre. */
html body.room-full > .ocd-stars, html body.room-full > .ocd-pulse, html body.room-full > .scanline-sweep { position: fixed !important; }
html body.room-full > .room-bar { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 20 !important; }
html body.room-full > .room-bar > #room-bar-handle { position: absolute !important; top: 100% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translateX(-50%) !important; margin: 0 !important; }
html body.room-full > .ocd-banner, html body.room-full > .ah-banner { padding-top: 30px !important; }

/* 2026-10-09 Phase 1 — Voidfall intro: fully opaque card so the deck HUD never shows through the text. */
html body .vf-arena .vf-overlay { background: #070101 !important; }
