/* Shell CSS — the ONLY stylesheet left in the game. Styles exactly two things: the full-viewport
   canvas mount point, and the orientation gate overlay (a device-rotation warning, not game UI —
   see docs/design/FINAL-LOOK.md, "whole game on the Pixi engine"). Every screen, button, card and
   dialog is drawn by Pixi (public/js/ui/*.js, public/js/screens/*.js). */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; width: 100%; height: 100%; background: #070912; overflow: hidden; overscroll-behavior: none; }
#stage-root { position: fixed; inset: 0; width: 100%; height: 100%; }
#stage-root canvas { display: block; width: 100%; height: 100%; touch-action: none; }

.rotate-overlay {
  display: none; position: fixed; inset: 0; z-index: 9999; background: #070912; color: #E8ECF8;
  flex-direction: column; align-items: center; justify-content: center; text-align: center;
  font-family: system-ui, sans-serif; gap: 8px; padding: 24px;
}
.rotate-overlay__icon { font-size: 48px; }
.rotate-overlay__text { font-size: 20px; font-weight: 800; }
.rotate-overlay__hint { font-size: 14px; opacity: .75; max-width: 280px; }
/* The game is portrait-only (FINAL-LOOK §1) — the gate now shows in LANDSCAPE, inverted from the
   pre-rewrite transitional state where only battle/table were portrait-locked. */
@media (orientation: landscape) { .rotate-overlay { display: flex; } }