html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; background: #000000 }
#unity-container { position: fixed; inset: 0; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #000000 }
#unity-canvas { display: block; max-width: 100%; max-height: 100%; background: #000000; touch-action: none }
#orientation-warning { display: none; position: fixed; inset: 0; z-index: 10000; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; background: linear-gradient(160deg, #163b6d, #07172b); color: #ffffff; font-family: Arial, Helvetica, sans-serif; text-align: center }
#orientation-warning .orientation-card { max-width: 420px }
#orientation-warning .orientation-icon { font-size: 88px; line-height: 1; margin-bottom: 18px }
#orientation-warning h1 { margin: 0 0 12px; font-size: clamp(30px, 8vw, 48px) }
#orientation-warning p { margin: 0; font-size: clamp(18px, 4.5vw, 24px); line-height: 1.4 }
body.mobile-device.portrait-mode #orientation-warning { display: flex }
body.mobile-device.portrait-mode #unity-container { visibility: hidden }
#unity-loading-bar { position: absolute; z-index: 20; left: 50%; top: 50%; width: min(76vw, 390px); transform: translate(-50%, -50%); display: none; color: #ffffff; font-family: Arial, Helvetica, sans-serif; text-align: center }
#unity-logo { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 112px; filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.45)) }
#unity-logo img { display: block; width: clamp(96px, 20vw, 142px); height: auto; border-radius: 18%; }
#unity-loading-text { margin-top: 15px; color: #ffffff; font-size: clamp(14px, 3.2vw, 18px); font-weight: 700; letter-spacing: 0.4px }
#unity-loading-percent { display: inline-block; min-width: 3.2em; color: #ffd34d }
#unity-progress-bar-empty { box-sizing: border-box; width: 100%; height: 16px; margin: 10px auto 0; overflow: hidden; border: 2px solid rgba(255,255,255,0.92); border-radius: 999px; background: rgba(255,255,255,0.18); box-shadow: 0 3px 12px rgba(0,0,0,0.35) }
#unity-progress-bar-full { width: 0%; height: 100%; margin: 0; border-radius: inherit; background: linear-gradient(90deg, #22b6ff 0%, #77d83f 55%, #ffd12f 100%); transition: width 120ms linear }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }