/* Login identity aligned with the Courtly landing page. */
body.auth-game-mode .login-courtly{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;max-width:1080px;padding:0;margin:48px auto 64px;min-height:0;border:1px solid #396752;border-radius:28px;overflow:hidden;background:#102f29;box-shadow:0 28px 70px #0003}
body.auth-game-mode .login-courtly .login-story{display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:0;min-height:0;justify-content:flex-start;padding:36px 40px;background:radial-gradient(ellipse at 80% 60%,#39764455,transparent 65%),#0c2b23;border-radius:0}
.login-courtly .login-home{font-size:12px;color:#aac6b7;align-self:flex-start;margin-bottom:42px}
.login-courtly .login-story .eyebrow{font-size:8px;letter-spacing:1.7px;color:#d6f082}
.login-courtly .login-story h2{font-size:clamp(36px,4vw,48px);line-height:1.08;letter-spacing:-1.8px;margin:18px 0;color:#edf9ee}
.login-courtly .login-story h2 em{color:#d6f082;font-family:Georgia,serif;font-weight:400}
.login-courtly .login-story>p{font-size:13px;line-height:1.8;color:#aac6b7;margin:0}
.login-courtly .login-court-art{position:relative;height:260px;flex:1;min-height:250px;margin:24px 0 20px}
.login-courtly .login-court-art>svg{position:absolute;width:150px;height:auto;top:5px;left:50%;transform:translateX(-50%) rotate(-20deg);filter:drop-shadow(14px 16px 0 #03171370)}
.login-courtly .login-ball{position:absolute;top:65px;right:22%;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#d6f082;color:#143827;box-shadow:0 12px 24px #0004}
.login-courtly .login-ball .icon{width:38px;height:38px}
.login-courtly .login-art-note{position:absolute;left:0;bottom:20px;display:flex;align-items:center;gap:10px;padding:13px 17px;background:#092520;border:1px solid #487961;border-radius:13px;font-size:11px;color:#edf9ee;transform:rotate(-3deg)}
.login-courtly .login-art-note .icon{color:#d6f082;width:18px;height:18px}
.login-courtly .login-story-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #396752;padding-top:20px}
.login-courtly .login-story-foot>span{font-size:8px;letter-spacing:1.2px;color:#aac6b7}
.login-courtly .login-story-foot strong{font-size:25px;letter-spacing:-1.4px;color:#edf9ee}
.login-courtly .login-story-foot strong span{color:#d6f082}
body.auth-game-mode .login-courtly .login-panel{width:100%;max-width:none;margin:0;padding:48px 40px;background:#102f29;border:0;border-left:1px solid #396752;border-radius:0;min-width:0}
.login-courtly .login-panel>.eyebrow{font-size:8px;color:#d6f082;letter-spacing:1.5px}
.login-courtly .login-panel h1{font-size:36px;line-height:1.15;letter-spacing:-1.4px;margin:15px 0 12px;color:#edf9ee}
.login-courtly .login-intro{font-size:13px;line-height:1.75;color:#aac6b7;margin-bottom:28px}
.login-courtly .form-label{font-size:12px;margin-bottom:9px;color:#edf9ee}
.login-courtly .form-control{min-height:52px;border-radius:11px;background:#092520;border:1px solid #487961;color:#edf9ee;font-size:14px;padding:13px 15px}
.login-courtly .form-control:focus{border-color:#d6f082;box-shadow:0 0 0 3px #d6f0821f}
.login-courtly .password-wrap .form-control{padding-right:75px}
.login-courtly .password-wrap button{font-size:11px;color:#d6f082;background:transparent;border:0;right:10px}
body.auth-game-mode .login-courtly .login-submit{width:100%;margin-top:8px;min-height:52px;border-radius:11px;background:#d6f082;border-color:#d6f082;color:#143827}
body.auth-game-mode .login-courtly .login-submit:hover{background:#e4f6a9}
.login-courtly .auth-divider{margin:22px 0 18px;color:#aac6b7}
body.auth-game-mode .login-courtly .google-signin{min-height:51px;border-radius:11px;background:#092520;color:#edf9ee;border:1px solid #487961;box-shadow:none}
body.auth-game-mode .login-courtly .google-signin:hover{background:#173b2e;border-color:#aac6b7}
.login-courtly .google-hint{font-size:10px;color:#aac6b7}
.login-courtly .auth-foot{text-align:center;font-size:12px;margin:23px 0;color:#aac6b7}
.login-courtly .auth-foot a{color:#d6f082;font-weight:650}
.login-courtly .login-owner{display:flex;align-items:flex-start;gap:12px;padding:17px;background:#15382b;border:1px solid #396752;border-radius:14px}
.login-courtly .login-owner-icon{display:grid;place-items:center;width:35px;height:35px;background:#234937;border-radius:9px;flex:none;color:#d6f082}
.login-courtly .login-owner strong{display:block;font-size:12px;color:#edf9ee}
.login-courtly .login-owner p{font-size:11px;line-height:1.8;color:#aac6b7;margin:5px 0 0}
.login-courtly .login-owner a{display:inline-flex;align-items:center;gap:6px;color:#d6f082}
.login-courtly .login-owner a .icon{width:14px;height:14px}
.login-courtly .login-staff{font-size:10px;line-height:1.7;margin:14px 0 0;color:#aac6b7}
.login-courtly .alert-danger{font-size:12px;border-radius:11px}
@media(max-width:1150px){body.auth-game-mode .login-courtly{margin:36px 28px 48px}}
@media(max-width:900px){body.auth-game-mode .login-courtly{grid-template-columns:1fr;margin:24px 20px 40px;border-radius:22px}body.auth-game-mode .login-courtly .login-story{padding:24px 26px}.login-courtly .login-home{margin-bottom:25px}.login-courtly .login-story h2{font-size:32px;margin:12px 0}.login-courtly .login-story>p,.login-courtly .login-court-art,.login-courtly .login-story-foot{display:none}body.auth-game-mode .login-courtly .login-panel{padding:30px 26px;border-left:0;border-top:1px solid #396752}.login-courtly .login-panel h1{font-size:30px}.login-courtly .form-control{font-size:16px}.login-courtly .google-signin{font-size:13px}.login-courtly .login-panel>.eyebrow{font-size:7px}}
/* Preserve the compact sign-in shown inside a venue booking dialog. */
body.venue-auth-embedded .login-courtly{display:block;max-width:520px;margin:0 auto;padding:20px 26px;border:0;border-radius:0;background:transparent;box-shadow:none}
body.venue-auth-embedded .login-courtly .login-story{display:none}
body.venue-auth-embedded .login-courtly .login-panel{padding:0;background:transparent;border:0;border-radius:0}
body.venue-auth-embedded .login-courtly .login-panel>.eyebrow{display:none}
body.venue-auth-embedded .login-courtly .login-owner,body.venue-auth-embedded .login-courtly .login-staff{display:none}

/* Narrow phones and touch controls, including the embedded booking form. */
.login-courtly :is(.login-panel,.login-owner>div){min-width:0}
.login-courtly :is(.login-intro,.auth-foot,.login-owner p,.login-staff){overflow-wrap:anywhere}
.login-courtly .password-wrap button{min-width:52px;min-height:44px;top:50%;transform:translateY(-50%)}
.login-courtly .google-signin{white-space:normal;line-height:1.5;gap:10px}
.login-courtly .google-mark{flex-shrink:0}
@media(max-width:380px){body.auth-game-mode .login-courtly{margin:18px 12px 32px}body.auth-game-mode .login-courtly .login-story{padding:22px 20px}body.auth-game-mode .login-courtly .login-panel{padding:26px 20px}.login-courtly .login-owner{padding:13px;gap:9px}.login-courtly .login-owner a{display:inline;overflow-wrap:anywhere}.login-courtly .login-panel h1{font-size:28px}}
@media(max-width:900px){body.venue-auth-embedded .login-courtly{margin:0 auto;padding:20px}body.venue-auth-embedded .login-courtly .login-panel{padding:0;border:0}.login-courtly .login-home{min-height:44px;display:inline-flex;align-items:center}}

/* Reset the legacy 520px aside height when the login becomes a single column. */
@media(max-width:900px){body.auth-game-mode .login-courtly{align-items:stretch}body.auth-game-mode .login-courtly .login-story{min-height:0;height:auto;justify-content:flex-start}.login-courtly .login-home{margin-bottom:12px}.login-courtly .login-story h2{margin-bottom:0}}

/* .container supplies width:100%; account for both outside margins explicitly. */
body.auth-game-mode .login-courtly{width:calc(100% - 56px);margin-left:auto;margin-right:auto}
@media(max-width:900px){body.auth-game-mode .login-courtly{width:calc(100% - 40px);margin-left:auto;margin-right:auto}}
@media(max-width:380px){body.auth-game-mode .login-courtly{width:calc(100% - 24px);margin-left:auto;margin-right:auto}}
body.venue-auth-embedded .login-courtly{width:100%;max-width:520px;margin-left:auto;margin-right:auto}