/* Shared account structure; colors, typography and decoration policy belong to skins. */
.account-shell.account-lobby{--lobby-ink:var(--ui-text);--lobby-muted:var(--ui-muted);--lobby-paper:var(--ui-paper);background-color:var(--ui-bg);background-image:linear-gradient(var(--ui-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ui-grid) 1px,transparent 1px);color:var(--ui-text);font-family:var(--ui-body-font)}
.account-shell.account-lobby::before{border-color:var(--ui-margin)}
.account-shell.account-lobby::after,.account-shell .lobby-chart,.account-shell .lobby-sea,.account-shell .lobby-air{display:var(--ui-decor-display)}
.account-shell .lobby-chart,.account-shell .lobby-sea{filter:var(--ui-decor-filter)}
.account-shell.account-lobby h1,.account-shell.account-lobby h2,.account-shell.account-lobby .lobby-back,.account-shell.account-lobby .lobby-action strong{font-family:var(--ui-heading-font);-webkit-text-stroke:0}
.account-shell.account-lobby .lobby-action,.account-shell.account-lobby .lobby-top{background-color:var(--ui-paper);border:4px var(--ui-line) var(--ui-border);border-image:none;border-radius:var(--ui-radius);box-shadow:var(--ui-shadow)}
.account-shell.account-lobby .lobby-action:hover{background-color:var(--ui-input-bg)}
.account-shell.account-lobby .lobby-footer{background:var(--ui-paper);color:var(--ui-muted)}
#app:has(.account-shell)>.locale-selector select{border:3px var(--ui-line) var(--ui-border);border-image:none;background-color:var(--ui-paper);border-radius:var(--ui-radius)}
#app:has(.account-shell)>.locale-selector .locale-short{color:var(--ui-text)}
.account-shell.account-login-screen{padding-top:38px}
.account-shell .account-login-content{position:relative;z-index:2;width:min(100%,500px);margin:0 auto;text-align:center}
.account-shell .account-login-content .lobby-wordmark{justify-content:center;font-size:14px;margin:0 0 12px;gap:10px}
.account-shell .account-login-content h1{font-family:var(--ui-heading-font);font-size:clamp(40px,4.5vw,68px);line-height:1.02;white-space:pre-line;max-width:none;letter-spacing:-.02em;overflow-wrap:anywhere}
.account-shell .login-intro{font:16px/1.45 var(--ui-body-font);color:var(--ui-muted);margin:14px auto 18px;max-width:35ch}
.account-shell #account-login{padding:22px 24px;gap:16px;text-align:left;background:var(--ui-paper);border:4px var(--ui-line) var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow)}
.account-shell #account-login label{display:grid;gap:7px;font:600 14px/1.3 var(--ui-body-font);color:var(--ui-text)}
.account-shell #account-login input{background:var(--ui-input-bg);color:var(--ui-text);border:2px solid var(--ui-border);border-radius:var(--ui-radius);padding:12px 14px;min-height:48px;font:400 17px/1.3 var(--ui-body-font);box-shadow:inset 0 0 0 2px var(--ui-paper)}
.account-shell #account-login input:focus-visible,.account-shell button:focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}
.account-shell #account-login .account-login-cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;width:100%;background:var(--ui-button-bg);color:var(--ui-button-text);border:4px var(--ui-line) var(--ui-border);border-radius:var(--ui-radius);font:700 22px/1.25 var(--ui-heading-font);box-shadow:var(--ui-shadow);cursor:pointer}
.account-shell #account-login .account-login-cta:hover{transform:translateY(-1px)}
.account-shell #account-login .account-login-cta:disabled{opacity:.65;cursor:wait}
.account-shell #account-login .player-error{min-height:0;margin:0;color:var(--ui-error);font:600 15px/1.4 var(--ui-body-font)}
.account-shell #account-login .player-error:empty{display:none}
.account-shell.account-login-screen .lobby-sea{margin-top:auto;height:155px}
.account-shell.account-login-screen .lobby-ship{height:290px;opacity:.82}
.account-shell.account-login-screen .lobby-back{font-family:var(--ui-heading-font);font-size:25px;margin-top:10px}
@media(max-width:740px){.account-shell.account-login-screen{padding-top:72px}.account-shell .account-login-content h1{font-size:44px}.account-shell #account-login{padding:18px 16px}.account-shell .login-intro{font-size:15px;margin:12px auto 16px}.account-shell.account-login-screen .lobby-sea{height:130px;margin-top:14px}.account-shell.account-login-screen .lobby-ship{height:160px}.account-shell .account-login-content .lobby-wordmark{height:26px;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.account-shell #account-login .account-login-cta:hover{transform:none}}
@media(min-width:741px) and (max-height:850px){.account-shell.account-login-screen .lobby-sea{height:94px}.account-shell.account-login-screen .lobby-ship{height:245px}}