/* Keep iOS system chrome opaque. The game has a permanent dark palette; do
   not derive this color from prefers-color-scheme or change it at runtime. */
:root{--app-chrome:#102431;color-scheme:dark}
html,body{background:var(--app-chrome)}
.app>main,.world-page .world-screen,.app>main>header,.world-page .world-header{background:var(--app-chrome)}
/* A real fixed element provides Safari's top-edge color sample. Six CSS
   pixels cover WebKit's sample 4px inside the edge; a 1px strip can miss it.
   This paints existing header/safe-area space and consumes no layout space. */
.status-bar-surface{position:fixed;top:0;left:0;width:100%;height:max(6px,env(safe-area-inset-top,0px));background:var(--app-chrome);pointer-events:none;z-index:20000}