body { padding: 0; margin: 0; background: #0D1B2A }
#unity-container { position: fixed; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #0D1B2A; }
/* BLOCK ARENA portrait-aspect fit (display-regression fix 2026-10-02):
   contain the 720x1280 (9:16) composition in the viewport with a single
   uniform scale, centered and letterboxed -- the canvas is NEVER stretched
   non-uniformly to the browser's landscape aspect. This governs only the
   canvas DOM box; the game's resolution, Canvas Scaler and geometry are
   unchanged. 56.25vh = 100vh*720/1280; 177.78vw = 100vw*1280/720. */
#unity-canvas { width: min(100vw, 56.25vh); height: min(100vh, 177.78vw); background: #0D1B2A }
@supports (height: 100dvh) {
  #unity-canvas { width: min(100dvw, 56.25dvh); height: min(100dvh, 177.78dvw); background: #0D1B2A }
}
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
#unity-progress-bar-empty { margin-left: auto; margin-right: auto; width: 141px; height: 18px; margin-top: 10px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
/* PRIVACY LINK (website privacy pass 2026-10-30). The canvas is letterboxed to 9:16; the link sits in the spare
   band beside it (wide screens) or below it (tall phones) and stays hidden when the viewport leaves
   no room, so it never covers the game. Brand body text #EDEAF6, hover/focus Neon Cyan #00E5FF. */
#site-legal { position: fixed; right: 12px; bottom: 8px; z-index: 5; display: none; font: 600 12px/1.2 "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif; letter-spacing: 0.04em }
#site-legal a, #unity-privacy-link { color: #EDEAF6; opacity: 0.75; text-decoration: underline; text-underline-offset: 2px }
#site-legal a { display: inline-block; padding: 6px 4px }
#site-legal a:hover, #site-legal a:focus-visible, #unity-privacy-link:hover, #unity-privacy-link:focus-visible { color: #00E5FF; opacity: 1 }
@media (min-aspect-ratio: 1/1), (max-aspect-ratio: 1/2) { #site-legal { display: block } }
#unity-privacy-link { display: block; margin-top: 14px; text-align: center; font: 600 12px/1.2 "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif }
#site-noscript { position: relative; z-index: 6; margin: 0; padding: 24px; color: #EDEAF6; text-align: center; font: 14px/1.5 "Segoe UI", system-ui, sans-serif }
#site-noscript a { color: #00E5FF }