html, body { width: 100%; min-height: 100%; background: #000; }
body { padding: 0; margin: 0; color: #f4f1ee; }
[hidden] { display: none !important; }
.player-setup { min-height: 100vh; min-height: 100svh; display: grid; align-items: center; justify-items: center; padding: max(84px, env(safe-area-inset-top)) 20px max(40px, env(safe-area-inset-bottom)); box-sizing: border-box; font: 16px/1.6 system-ui, sans-serif; background: #050505; color-scheme: dark; }
.player-setup-card { width: 100%; max-width: 440px; padding: clamp(20px, 5vw, 32px); box-sizing: border-box; border: 1px solid #313131; background: #0a0a0a; }
.setup-brand { margin: 0 0 16px; color: #ef7f8c; font-weight: 700; }
.player-setup h1 { margin: 0 0 28px; font-size: clamp(26px, 6vw, 36px); line-height: 1.2; overflow-wrap: anywhere; }
.player-setup label { display: block; margin-bottom: 8px; font-weight: 650; }
.player-setup select, .player-setup button { width: 100%; min-height: 48px; padding: 12px; box-sizing: border-box; font: inherit; border: 1px solid #555; border-radius: 0; color: #f4f1ee; background: #111; }
.player-setup p:not(.setup-brand) { margin: 16px 0; color: #aaa5a0; }
.player-setup button { margin-top: 8px; border-color: #ef7f8c; background: #ef7f8c; color: #050505; font-weight: 700; cursor: pointer; }
.player-setup :focus-visible { outline: 2px solid #ef7f8c; outline-offset: 4px; }
.player-setup button:hover { background: #f79ba5; }
#unity-container { position: absolute; background: #000; }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%); }
#unity-container.unity-mobile { position: fixed; inset: 0; width: 100%; height: 100%; }
#unity-canvas { display: block; background: #000; }
.unity-mobile #unity-canvas { width: 100%; height: 100%; }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }
#unity-logo { width: 154px; height: 130px; background: url('/player-template/unity-logo-dark.png') no-repeat center; }
#unity-progress-bar-empty { width: 141px; height: 18px; margin: 10px 0 0 6.5px; background: url('/player-template/progress-bar-empty-dark.png') no-repeat center; }
#unity-progress-bar-full { width: 0%; height: 18px; background: url('/player-template/progress-bar-full-dark.png') no-repeat center; }
#unity-footer { position: relative; height: 38px; }
.unity-mobile #unity-footer { display: none; }
#unity-logo-title-footer { float: left; width: 102px; height: 38px; background: url('/player-template/unity-logo-title-footer.png') no-repeat center; }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font: 18px/38px Arial, sans-serif; }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; cursor: pointer; background: url('/player-template/fullscreen-button.png') no-repeat center; }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translateX(-50%); z-index: 2; }
#player-status { position: fixed; left: 50%; bottom: 8px; transform: translateX(-50%); max-width: min(90vw, 720px); text-align: center; }