* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: #030918; color: white; font-family: sans-serif; }
#stage { position: fixed; inset: 0; display: grid; place-items: center; background: #030918; }
#stage:fullscreen { width: 100%; height: 100%; }
#game { position: relative; overflow: hidden; }
#unity-canvas { display: block; width: 100%; height: 100%; background: #030918; touch-action: none; outline: none; }
#loading { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; gap: 12px; background: #030918; }
#fullscreen { position: absolute; top: max(8px, env(safe-area-inset-top, 0px)); right: max(8px, env(safe-area-inset-right, 0px)); border: 1px solid #7ca; border-radius: 6px; padding: 8px 10px; background: #09232ed9; color: white; cursor: pointer; z-index: 3; }
#message { position: absolute; left: 5%; right: 5%; top: 40%; padding: 16px; background: #30131fee; white-space: pre-wrap; overflow-wrap: anywhere; z-index: 4; }
#safe-area-probe { position: fixed; visibility: hidden; pointer-events: none; padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); }
[hidden] { display: none !important; }