/* Legacy account pages: original game art, with a shared readable form. */
body.auth-view{background:#10140f}
.auth-view #main.auth-page{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:50px;width:min(1030px,calc(100% - 64px));max-width:1030px;min-height:calc(100svh - 215px);margin:0 auto;padding:42px 0 50px;border:0;border-radius:0;background:none;box-shadow:none}
.auth-page:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:url('/assets/classic-star-background.jpg') center top/1100px auto no-repeat;filter:sepia(1) saturate(.65);opacity:.38;mask-image:radial-gradient(ellipse at 40% 25%,#000,transparent 72%)}
.auth-art{min-width:0;transform:rotate(-4deg)}
.auth-art .memory-photo-art{width:100%;max-width:445px;margin:auto}
.auth-art-window{background:#1c291b}
.auth-landscape{width:100%;height:100%;object-fit:cover;object-position:62% center;filter:brightness(.7)}
.auth-pixie{position:absolute;bottom:9%;left:14%;width:72%;height:80%;object-fit:contain;filter:drop-shadow(0 8px 6px #07120880);transform:rotate(4deg)}
.auth-spooky-scene{object-position:50% 50%;filter:none}
.auth-spooky-logo{position:absolute;top:13%;left:50%;width:min(30%,135px);height:auto;transform:translateX(-50%);border-radius:7px;box-shadow:0 3px 12px #07120866}
.auth-panel{min-width:0;padding:0 10px}
.auth-panel>.back-link{display:inline-block;margin-bottom:26px;color:#b6bda8;font-size:.875rem}
.auth-switch{display:flex;gap:30px;border-bottom:1px solid #c6a25640;margin-bottom:28px}
.auth-switch a{padding:0 2px 12px;color:#aeb7a3;font-size:1rem;text-decoration:none}
.auth-switch a[aria-current]{color:#f7d995;border-bottom:2px solid #ddb65e;margin-bottom:-1px}
.auth-switch a:hover{color:#ffe7ab}
.auth-page .auth-panel h1{font-size:clamp(1.9rem,3.2vw,2.55rem);line-height:1.2;margin:0 0 11px;color:#f7dfad}
.auth-panel>.auth-intro{font-size:1rem;line-height:1.65;color:#c3cbb8;margin:0 0 25px}
.auth-panel .account-form{gap:8px;margin:0;padding:0;background:none;border:0;border-radius:0}
.auth-panel .account-form>label{font-size:1rem;line-height:1.4;margin:9px 0 0}
.auth-panel .account-form>input:not([type=hidden]){height:49px;padding:10px 14px;border:1px solid #84916b75;background:#09110bcc;border-radius:7px;color:#fff4da;font:1rem/1.4 system-ui,sans-serif;box-shadow:inset 0 2px 5px #0004}
.auth-panel .account-form>input:focus{outline:2px solid #e5bf6b;outline-offset:3px;border-color:#e5bf6b}
.auth-panel .account-form>small{font-size:.875rem;line-height:1.6;color:#aeb9a1;margin-bottom:2px}
.auth-panel .account-form>.password-visibility{display:flex;align-items:center;gap:9px;color:#bfc8b3;font-size:.875rem;margin-top:10px;cursor:pointer}
.auth-panel .password-visibility[hidden]{display:none}
.auth-panel .password-visibility>input{width:18px;min-height:18px;height:18px;margin:0;padding:0;accent-color:#ddb65e}
.auth-panel .account-form .gold-button{align-self:stretch;justify-content:center;margin-top:20px;min-height:49px;font-size:1.0625rem}
.auth-panel .account-form p.muted{font-size:.875rem;line-height:1.7;margin-top:14px}
.auth-panel .account-form p a,.auth-existing a{color:#efcf86;text-underline-offset:3px}
.auth-panel .form-notice{padding:14px 16px;margin:0 0 22px;font-size:1rem;line-height:1.65;background:#302b18;color:#f5dfae}
.auth-recovery{border-top:1px solid #b3954f33;margin-top:26px;padding-top:19px;font-size:.9375rem}
.auth-recovery summary{cursor:pointer;color:#d5c59d;padding:4px 0;list-style:revert}
.auth-recovery div{padding-top:10px}
.auth-recovery p{font-size:.9375rem;line-height:1.7;margin:8px 0 14px}
.auth-existing{font-size:.9375rem;margin:23px 0 0}
@media(max-width:760px){.auth-view #main.auth-page{grid-template-columns:1fr;gap:22px;width:min(430px,calc(100% - 40px));padding:24px 0 40px;min-height:0}.auth-art{display:none}.auth-panel{padding:0}.auth-panel>.back-link{margin-bottom:22px}.auth-switch{margin-bottom:25px}.auth-page:before{inset:0 -20px;background-size:950px auto;opacity:.24}.auth-panel .account-form .gold-button{margin-top:17px}}
@media(forced-colors:active){.auth-art,.auth-page:before{display:none}.auth-view #main.auth-page{display:block;max-width:420px}.auth-panel .account-form>input:not([type=hidden]){background:Field;color:FieldText;border-color:FieldText}.auth-switch a[aria-current]{border-color:LinkText}}