html, body { padding: 0; margin: 0; width: 100%; height: 100%; overflow: hidden; background: #070d1a; overscroll-behavior: none; }
#unity-container { position: fixed; left: 0; top: 0; width: 100%; height: 100%; height: 100dvh; background: #070d1a; }
#unity-fullscreen-container { position: absolute; inset: 0; }
#unity-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; background: #231F20 }
#unity-loading-container { position: absolute; width: 100%; height: 100%; backdrop-filter: blur(5px); display: none; }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#unity-logo { width: 220px; height: 48px; color: #a9e9ff; text-align: center; font: bold 24px/48px sans-serif; letter-spacing: 3px; }
#unity-logo::after { content: "STARHEGIRA"; }
#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 }

#starhegira-fullscreen { position: absolute; z-index: 10; right: calc(env(safe-area-inset-right, 0px) + 8px); bottom: calc(env(safe-area-inset-bottom, 0px) + 8px); width: 44px; height: 44px; padding: 0; border: 1px solid #a9e9ff; border-radius: 6px; background: #152338; color: #a9e9ff; opacity: 0.5; font: 28px sans-serif; cursor: pointer; touch-action: manipulation; }
#starhegira-fullscreen:focus-visible { outline: 2px solid white; outline-offset: 2px; }
#starhegira-display-status { position: absolute; left: 12px; bottom: 12px; max-width: min(400px, calc(100% - 80px)); padding: 10px; background: #152338; color: white; font: 14px sans-serif; pointer-events: none; }
[hidden] { display: none !important; }