body { padding: 0; margin: 0 }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
.unity-mobile #unity-fullscreen-container { width: 100%; height: 100% }
#unity-fullscreen-container { position: relative; }
#unity-canvas { position: absolute; 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: min(300px, 75vw); height: 150px; margin: 0 auto; background: url('nova-age-logo.png') no-repeat center / contain }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: auto; margin-right: auto; 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-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-logo-title-footer { float:left; width: 102px; height: 38px; background: url('nova-age-logo.png') no-repeat center / contain }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
/* Dynamic browser viewport, rotation and iPhone safe insets. */
html,body { width:100%; height:100%; overflow:hidden; background:#09121b; }
#unity-container.unity-mobile { inset:0; width:100%; height:100dvh; box-sizing:border-box; padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
.unity-mobile #unity-canvas { display:block; width:100%; height:100%; touch-action:none; }
.unity-mobile #unity-footer { display:block; position:absolute; right:calc(env(safe-area-inset-right) + 6px); top:calc(env(safe-area-inset-top) + 4px); height:30px; pointer-events:none; }
.unity-mobile #unity-logo-title-footer,.unity-mobile #unity-build-title { display:none; }
.unity-mobile #unity-fullscreen-button { display:block; width:28px; height:28px; background-size:28px; pointer-events:auto; opacity:.65; }
.unity-mobile #unity-footer { right:50%; transform:translateX(50%); }

#unity-fullscreen-container:fullscreen, #unity-fullscreen-container:-webkit-full-screen { width:100% !important; height:100% !important; background:#09121b; }

/* Unity creates its mobile input directly under body. */
body.punisher-mobile input, body.punisher-mobile textarea { font-size:18px !important; line-height:1.35; -webkit-text-size-adjust:100%; }

/* All platforms fill the browser; browser fullscreen is an optional enhancement. */
#unity-container.unity-desktop,#unity-container.unity-mobile { position:fixed;inset:0;left:0;top:0;transform:none;width:100%;height:100%;height:100dvh;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
#unity-fullscreen-container { width:100%;height:100%; }
#unity-canvas { display:block;width:100%;height:100%; }
#unity-footer,.unity-mobile #unity-footer { display:none; }
#nova-display-menu { position:fixed;inset:0;z-index:10001;display:grid;place-items:center;padding:24px;background:#0009;color:#eaf8ff;font:16px/1.6 system-ui; }
#nova-display-menu[hidden] { display:none; }
#nova-display-menu>div { background:#101e2b;border:1px solid #335467;border-radius:18px;padding:24px;width:min(360px,100%);box-sizing:border-box; }
#nova-display-menu button { display:block;width:100%;min-height:48px;margin-top:12px;border:1px solid #57d9e9;border-radius:10px;background:#183c4e;color:white;font:inherit;cursor:pointer; }