html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; background: linear-gradient(180deg, #bfe7ff 0%, #e9f7ff 58%, #eaf6e4 100%); }
body { position: fixed; inset: 0; touch-action: none; overscroll-behavior: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
#unity-container { position: fixed; inset: 0; width: min(100%, 520px); height: 100%; margin: auto; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); box-sizing: border-box; background: #1F1F20; box-shadow: 0 0 50px rgba(18,35,51,.16); }
#unity-canvas { width: 100%; height: 100%; background: #1F1F20; display: block; touch-action: none; }
#unity-loading-bar { position: absolute; left: 50%; top: 48%; transform: translate(-50%, -50%); display: none; padding: 28px; border-radius: 18px; background: rgba(4, 14, 27, .78); }
#unity-logo { width: 112px; height: 112px; margin: auto; border-radius: 24px; background: url('icons/toy-car-driving.png') no-repeat center / contain; }
#unity-progress-bar-empty { margin: 16px auto 0; width: 180px; height: 14px; border: 2px solid #fff; border-radius: 9px; overflow: hidden; background: #172235; }
#unity-progress-bar-full { width: 0%; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #ef4444, #facc15); }
#unity-warning { position: absolute; left: 50%; top: max(5%, env(safe-area-inset-top)); transform: translate(-50%); width: min(90%, 460px); color: #111; display: none; z-index: 4; }
@media (max-width: 520px) { #unity-container { box-shadow: none; } }