.page-heading>.actions{flex:none}.page-heading .actions>.button{white-space:nowrap;flex:none}.account-button{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--text);padding:4px;cursor:pointer}.account-button span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#63543f;color:#ead9b9;font-size:12px}.account-button b{font-size:12px;font-weight:400;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Keep the scenery tied to the viewport, independent of the chosen form. */
.auth-layout{height:100dvh;min-height:0;display:grid;grid-template-columns:56% 44%;grid-template-rows:minmax(0,1fr);background:#171a1b}
.auth-scene{position:relative;height:100%;min-height:0;overflow:hidden;background:#1f3031}
.auth-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 40%;opacity:.88}
.auth-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,26,28,.2),rgba(15,24,26,.35) 45%,rgba(13,20,21,.94))}
.auth-brand{position:absolute;z-index:1;top:40px;left:48px;display:grid;grid-template-columns:40px auto;column-gap:12px;color:#e8dfcd}
.auth-brand img{width:36px;grid-row:span 2;align-self:center}.auth-brand strong{font-family:var(--serif);font-size:22px;letter-spacing:3px}.auth-brand small{font-size:8px;letter-spacing:2px;color:#b4b6a6;margin-top:4px}
.auth-story{position:absolute;z-index:1;left:9%;right:6%;bottom:clamp(48px,12dvh,110px)}
.auth-story h1{font-family:var(--serif);font-size:clamp(36px,3.6vw,62px);font-weight:500;line-height:1.4;letter-spacing:4px;color:#efe4cf;margin:22px 0}
.auth-story>p{color:#c0c4b7;font-size:14px;line-height:2}.auth-worlds{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:28px;color:#c7b58f;font-size:11px;letter-spacing:1px}
.auth-caption{position:absolute;z-index:1;bottom:36px;left:9%;font-size:9px;color:#8f9c92;letter-spacing:2px}
.auth-panel{min-width:0;min-height:0;display:flex;align-items:safe center;justify-content:center;overflow-y:auto;padding:clamp(20px,4dvh,48px) clamp(24px,3.5vw,64px);background:radial-gradient(ellipse at top right,#262621,#181b1c 60%)}
.auth-card{width:100%;max-width:460px;min-width:0}
.auth-card>h2{font-family:var(--serif);font-weight:500;line-height:1.4;font-size:28px;letter-spacing:2px;margin:12px 0 8px;color:#e9dfcd}
.auth-intro{font-size:12px;line-height:1.8;color:#969b95;margin:0 0 20px}
.auth-tabs{display:flex;border-bottom:1px solid #363c37;gap:28px;margin-bottom:20px}
.auth-tabs button{padding:8px 2px 11px;border:0;background:transparent;color:#91978f;cursor:pointer;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px}
.auth-tabs button.active{color:#d0b987;border-color:#c9ae77}
.auth-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(110px,auto);gap:12px 16px}
.auth-fields .field{margin:0;min-width:0;grid-column:1/-1}
.auth-fields-register .field{grid-column:auto}
.auth-fields label{font-size:12px;line-height:1.5;margin-bottom:6px}
.auth-fields input{min-width:0;height:44px;padding:10px 12px;font-size:14px}
.auth-fields small{font-size:11px;line-height:1.6;margin-top:5px}
.auth-fields-register>.user-agreement,.auth-fields-register>.privacy-check,.auth-fields-register>#registration-mail-status{grid-column:1/-1}
.auth-fields-register .privacy-check input{width:16px;height:16px;padding:0;flex-shrink:0}
.user-agreement h3{font-size:14px;margin:18px 0 7px}.user-agreement p{font-size:13px;line-height:1.85;overflow-wrap:anywhere}
@media(max-width:600px){.auth-fields.auth-fields-register{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:16px}.auth-fields-register .privacy-check{line-height:1.8;margin:5px 0}.auth-fields-register .privacy-check input{height:16px;width:16px}}
.auth-submit{width:100%;margin-top:8px;justify-content:space-between;min-height:44px;padding:11px 18px}
.auth-note{margin-top:20px;padding-top:16px;border-top:1px solid #333b35}
.auth-note>span{display:flex;gap:8px;align-items:center;font-size:12px;color:#c8b890}
.auth-note p{font-size:11px;line-height:1.7;color:#878f87;margin-top:8px}
.auth-local{display:block;margin-top:16px;font-size:10px;color:#737d75;letter-spacing:1px}
.auth-card .form-error{min-height:0;margin-top:6px}
@media(min-width:721px) and (max-width:1000px){
  .auth-layout{grid-template-columns:48% 52%}.auth-panel{padding-inline:24px}
  .auth-brand{left:28px;top:30px}.auth-story{left:28px}.auth-story h1{font-size:38px}.auth-worlds{gap:10px}
}
@media(min-width:721px) and (max-height:760px){
  .auth-panel{padding-block:16px}.auth-card>h2{font-size:26px;margin:8px 0 6px}
  .auth-intro{margin-bottom:12px}.auth-tabs{margin-bottom:14px}.auth-tabs button{padding-block:7px 9px}
  .auth-fields{grid-auto-rows:minmax(98px,auto);gap:10px 14px}.auth-fields input{height:40px;padding-block:8px}
  .auth-submit{margin-top:6px;min-height:40px;padding-block:9px}.auth-note{margin-top:14px;padding-top:12px}
  .auth-note p{margin-top:6px}.auth-local{margin-top:12px}
}
@media(max-width:720px){
  .auth-layout{height:auto;min-height:100dvh;display:grid;grid-template-columns:1fr;grid-template-rows:clamp(136px,22dvh,184px) 1fr}
  .auth-scene{height:100%;min-height:0}
  .auth-brand{top:16px;left:24px}.auth-brand strong{font-size:18px}.auth-brand img{width:29px}.auth-brand small{font-size:7px}
  .auth-story{left:24px;bottom:14px;right:24px}.auth-story .eyebrow{font-size:8px}
  .auth-story h1{font-size:23px;line-height:1.3;margin:7px 0;letter-spacing:1px}.auth-story h1 br{display:none}
  .auth-story>p{font-size:10px;line-height:1.6;margin:4px 0 0}.auth-story>p br{display:none}
  .auth-worlds,.auth-caption{display:none}
  .auth-panel{padding:20px 24px max(20px,env(safe-area-inset-bottom));min-height:0;align-items:center}
  .auth-card{max-width:450px}.auth-card>h2{font-size:24px;margin:8px 0 6px;letter-spacing:1px}
  .auth-intro{margin-bottom:12px}.auth-tabs{margin-bottom:14px}
  .auth-fields{grid-auto-rows:minmax(102px,auto);gap:8px 12px}.auth-fields input{font-size:16px;height:42px;padding:9px 10px}
  .auth-fields small{font-size:10px;line-height:1.6;margin-top:4px}
  .auth-note{margin-top:14px;padding-top:12px}.auth-note p{margin-top:6px}.auth-local{margin-top:12px}
}
@media(max-width:720px) and (max-height:720px){
  .auth-layout{grid-template-rows:136px 1fr}.auth-panel{padding:14px 20px max(14px,env(safe-area-inset-bottom))}
  .auth-brand{top:12px}.auth-story{bottom:10px}.auth-story .eyebrow{display:none}.auth-story h1{font-size:20px;margin:6px 0}.auth-story>p{line-height:1.5}
  .auth-card>h2{font-size:22px;margin:6px 0 4px}.auth-intro{font-size:11px;line-height:1.6;margin-bottom:10px}
  .auth-tabs{margin-bottom:10px}.auth-tabs button{padding-block:6px 8px}
  .auth-fields{grid-auto-rows:minmax(92px,auto);gap:6px 12px}.auth-fields label{font-size:11px;margin-bottom:4px}.auth-fields input{height:40px;padding-block:8px}
  .auth-fields small{line-height:1.5}.auth-submit{margin-top:6px;min-height:40px;padding-block:9px}
  .auth-note{margin-top:10px;padding-top:10px}.auth-note p{line-height:1.6;margin-top:5px}.auth-local{margin-top:8px}
}
@media(max-width:1000px){.account-button b{display:none}}
@media(max-width:720px){.account-stats b{font-size:15px}.account-button{padding:0}.account-button span{width:27px;height:27px}.top-actions{gap:9px}.connection{font-size:10px}}
.account-profile{display:flex;align-items:center;gap:16px;margin-bottom:22px}.account-profile>span{display:grid;place-items:center;width:56px;height:56px;background:#65583e;color:#e6d5ac;border-radius:50%;font-family:var(--serif);font-size:24px}.account-profile h3{font-size:20px;font-family:var(--serif);margin:0 0 6px;font-weight:500}.account-profile p{font-size:12px;color:#999f95;margin:0}.account-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.account-stats>div{background:#222827;border:1px solid #394039;padding:16px;border-radius:8px;display:grid;gap:8px}.account-stats b{color:#dcc7a0;font-size:17px;font-weight:500}.account-stats span{font-size:11px;color:#959e92}.admin-users article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #363d36}.admin-users small{display:block;color:#a0a69a;font-size:11px;margin:5px 0}.admin-users p{font-size:11px;color:#909b8d;margin:8px 0 0}.pending-input{color:#949c8e;font-style:italic}