.game-access-background { min-height: 100dvh; padding: 70px 24px; text-align: center; color: #8eabc3; background: radial-gradient(ellipse at top, #1c3852, #081527 70%); }
.game-access-brand { font-size: 24px; font-weight: 700; color: #d7e6ed; }
.game-login-backdrop { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; background: #020916aa; backdrop-filter: blur(5px); }
.game-login-dialog { position: relative; width: min(100%, 430px); max-height: calc(100dvh - 40px); overflow-y: auto; border: 1px solid #37516c; border-radius: 20px; padding: 30px 24px 24px; color: #eaf1f8; background: linear-gradient(145deg, #1a2b43, #0c1b30); box-shadow: 0 24px 80px #0008; }
.game-login-dialog h1 { margin: 0 36px 8px 0; font-size: 25px; }
.game-login-subtitle { color: #9cafc8; margin: 0 0 25px; font-size: 14px; }
.game-login-close { position: absolute; right: 17px; top: 15px; border: 0; background: #263c56; color: #bacde1; border-radius: 50%; width: 32px; height: 32px; font-size: 25px; cursor: pointer; }
.game-login-dialog .form-page { min-height: 0; padding: 0; width: 100%; background: none; display: block; }
.game-login-dialog .form-visual { display: none; }
.game-login-dialog .form-stack { margin: 0; padding: 0; border: 0; background: none; width: 100%; }
.game-login-dialog .auth-submit { background: #176856; border-color: #278b70; color: white; }
.game-login-dialog .field { max-width: 100%; }
.game-access-error { padding: 60px 24px; text-align: center; }
.game-access-error .btn { margin: 10px; }