html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; overscroll-behavior: none; background: #000; }
#unity-container { position: fixed; top: 0; right: 0; bottom: auto; left: 0; height: var(--nro-viewport-height, 100dvh); box-sizing: border-box; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #000; }
#nro-virtual-input { position: fixed; top: 0; left: 0; width: 1px; height: 1px; opacity: 0.0001; font-size: 16px; border: none; outline: none; background: transparent; color: transparent; pointer-events: none; z-index: -1; }
#unity-canvas { display: block; width: 100% !important; height: 100% !important; flex: 0 0 auto; background: #000; image-rendering: pixelated; touch-action: none; }
@media (orientation: landscape) { .nro-aspect-169 #unity-canvas { width: min(100%, 177.77777778vh) !important; height: min(100%, 56.25vw) !important; } .nro-aspect-43 #unity-canvas { width: min(100%, 133.33333333vh) !important; height: min(100%, 75vw) !important; } }
@media (orientation: portrait) { #unity-canvas { height: min(100%, 177.77777778vw) !important; } }
@media (orientation: landscape) { .nro-installed #unity-container { padding-left: max(env(safe-area-inset-left), 4vw); padding-right: max(env(safe-area-inset-right), 4vw); } }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center; }
#unity-progress-bar-empty { width: 141px; height: 18px; margin: 10px 0 0 6px; background: url('progress-bar-empty-dark.png') no-repeat center; }
#unity-progress-bar-full { width: 0%; height: 18px; background: url('progress-bar-full-dark.png') no-repeat center; }
#unity-footer { display: none; }
#unity-warning { position: absolute; z-index: 5; left: 50%; top: 5%; transform: translateX(-50%); background: white; padding: 10px; display: none; }