html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; overscroll-behavior: none; background: #000 }
#unity-container { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1280px; height: 720px; background: #000; }
#unity-canvas { width: 100%; height: 100%; background: #000; border: 0; outline: none; display: block; touch-action: none; -webkit-user-select: none; user-select: none }
#unity-canvas:focus, #unity-canvas:focus-visible { outline: none }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 256px; height: 256px; background: url('unity-logo-dark.png') no-repeat center / contain }
#unity-progress-bar-empty { box-sizing: border-box; margin-left: auto; margin-right: auto; width: 141px; height: 18px; margin-top: 10px; padding: 2px; border: 2px solid #E6B83F; background: transparent }
#unity-progress-bar-full { width: 0%; height: 100%; background: #E6B83F }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
#arcade-rotate-device { position: fixed; inset: 0; z-index: 99999; display: none; box-sizing: border-box; align-items: center; justify-content: center; flex-direction: column; gap: 12px; padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left)); background: #000; color: #fff; font-family: monospace; font-size: clamp(22px, 7vw, 42px); font-weight: bold; text-align: center; letter-spacing: 0.08em }
#arcade-rotate-device small { color: #aaa; font-size: clamp(12px, 3.5vw, 19px); font-weight: normal; letter-spacing: 0 }
.arcade-rotate-icon { color: #e63f22; font-size: clamp(52px, 18vw, 92px); line-height: 1 }
body.arcade-portrait-blocked #arcade-rotate-device { display: flex }