.account-page{background:#171518}
.account-page main{position:relative;isolation:isolate}
.account-page main:before{content:"";position:absolute;inset:0 0 auto;height:620px;z-index:-1;background:linear-gradient(180deg,#17151838,#171518 95%),linear-gradient(90deg,#171518d9,#17151840),url('assets/requiem-sanctum.webp') center 38%/cover;pointer-events:none}
.account-page .account-hero{padding:56px 0 38px}
.account-page .account-hero h1{font-size:clamp(34px,4vw,55px);margin:12px 0 16px;max-width:760px}
.account-page .account-hero>p:last-child{max-width:570px;color:#c6bdb1;font-size:17px;line-height:1.65}
.account-page .account-shell{padding-bottom:80px}
.account-page .account-hero .eyebrow{color:#ebc18b}
.account-page .account-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.account-page .account-overview{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:32px 22px 24px;border:1px solid #bc965545;background:linear-gradient(155deg,#3c282ae6,#211c22f5 60%);position:sticky;top:24px;overflow:hidden}
.account-page .account-overview:before{content:"";position:absolute;width:160px;height:160px;border:1px solid #bd975a24;transform:rotate(45deg);top:-90px;pointer-events:none}
.identity-label{font:800 13px 'Alegreya SC',serif;letter-spacing:.16em;color:#c6a478;text-transform:uppercase}
.account-page #account-avatar .avatar-large{width:96px;height:96px;font-size:35px;border-radius:50%;border:3px solid #ac8953;outline:1px solid #ac895344;outline-offset:7px;box-shadow:0 12px 35px #0006}
.account-page #account-name{font-size:29px;line-height:1.15;overflow-wrap:anywhere;margin:10px 0 8px}
.account-page #account-login{color:#d5b17d;font-size:14px;margin:0 0 10px;overflow-wrap:anywhere}
.account-page #account-joined{display:block;font-size:13px;color:#ada199;line-height:1.6}
.account-page .account-counters{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;border-block:1px solid #bc96552b;padding:20px 0;margin:4px 0}
.account-page .account-counters span{font-size:13px;color:#b5a99f}
.account-page .account-counters b{font:800 29px 'Alegreya SC',serif;color:#ead1a9}
.identity-links{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%;font-size:14px}
.identity-links>a{color:#d8c3a3}
.account-page #logout-button{font-size:13px;color:#a99a91}
.account-workspace{min-width:0}
.account-page .settings-layout{display:block;margin:0}
.account-page .account-navigation{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 22px;border:1px solid #b18c5245;background:#211c22eb}
.account-page .account-navigation button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;border:0;border-bottom:2px solid transparent;padding:18px 16px;color:#ada29b;font-size:14px;line-height:1.3;text-align:left;min-width:0;transition:background .18s,color .18s}
.nav-rune{font:800 12px 'Alegreya SC',serif;color:#8d7558;letter-spacing:.1em}
.account-page .account-navigation button[aria-pressed=true]{color:#f1d3a0;border-bottom-color:#d2a662;background:linear-gradient(#84502c18,#84502c30)}
.account-page .account-navigation button:hover{background:#b18c5215;color:#ecd5b4}
.account-page .account-settings{max-width:none}
.account-page .settings-panel{padding:32px;border:1px solid #b18c5238;background:#211c22f5;box-shadow:0 20px 50px #0002}
.account-page .settings-panel>h3{font-size:32px;margin:8px 0 22px}
.account-page .settings-panel .eyebrow{font-size:11px;letter-spacing:.17em}
.account-page .portal-form{gap:19px}
.account-page .portal-form label{font-size:14px;color:#d6ccc0}
.account-page .portal-form input:not([type=checkbox]),.account-page .portal-form textarea{background:#151316;border-color:#77634d65;border-radius:2px;min-width:0}
.account-page .portal-form input:focus,.account-page .portal-form textarea:focus{border-color:#dbaf70;outline:2px solid #dbaf7025;outline-offset:2px}
.account-page .portal-form small,.account-page .form-note{color:#a89b90;line-height:1.6}
.account-page .portal-form .button{justify-self:start}
.account-page .settings-divider{margin:30px 0}
.account-page .play-empty{background:#b18c520c;border-left:2px solid #bd975a;padding:18px 20px;line-height:1.7;color:#c8bbae}
.game-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #b18c522b}
.game-intro h3{font-size:32px;margin:8px 0 0}
.game-intro img{width:58px;height:70px;opacity:.8}
.account-page #game-account-form{display:grid;grid-template-columns:1fr 1fr;margin-top:25px}
.account-page #game-account-form>.form-message,.account-page #game-account-form>.button{grid-column:1/-1}
.account-page #game-account-form[hidden]{display:none}
.account-page .play-toolbar{border-top:1px solid #b18c522b;padding-top:22px;margin-top:26px;justify-content:space-between}
.platform-note{font-size:12px;color:#ae9d8b;letter-spacing:.08em}
.settings-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:30px}
.settings-card{min-width:0}
.settings-card+ .settings-card{border-left:1px solid #b18c522b;padding-left:30px}
.settings-card h4{font:800 23px 'Alegreya SC',serif;color:#e3c69c;margin:0 0 20px}
.account-page .danger-zone{margin-top:30px}
.account-page .auth-layout{max-width:none;grid-template-columns:1fr 450px;gap:70px;align-items:center;padding:25px 0}
.account-page .auth-story{padding:20px 0 40px}
.account-page .auth-story>img{width:82px;height:95px;margin-bottom:25px}
.account-page .auth-story h2{font-size:clamp(40px,5vw,66px);line-height:1.07;margin:0 0 24px}
.account-page .auth-story p{max-width:420px;color:#c7baac;font-size:17px}
.account-page .auth-story ul{list-style:none;padding:24px 0 0;border-top:1px solid #b18c523d;max-width:420px;margin-top:28px}
.account-page .auth-story li{padding:8px 0;font-size:14px;color:#c7baac}
.account-page .auth-story li:before{content:"✦";color:#bd975a;margin-right:12px}
.account-page .auth-window{padding:30px;background:linear-gradient(140deg,#39272bf5,#211c22fa 60%);border-color:#bd975a60;box-shadow:0 24px 60px #0004}
.account-page .auth-tabs{margin-bottom:25px}
.account-page .auth-tabs button{font:800 23px 'Alegreya SC',serif}
.account-page .header nav>a{font-family:'Alegreya SC',serif;font-weight:800}
@media(min-width:1500px){.account-page .account-grid{grid-template-columns:290px minmax(0,1fr);gap:36px}.account-page .settings-panel{padding:38px}}
@media(max-width:1100px){.account-page .account-grid{grid-template-columns:230px minmax(0,1fr);gap:20px}.account-page .settings-panel{padding:25px}.settings-columns{grid-template-columns:1fr}.settings-card+ .settings-card{border-left:0;border-top:1px solid #b18c522b;padding:25px 0 0}.account-page .account-navigation button{padding:15px 10px;font-size:13px}.account-page .auth-layout{grid-template-columns:1fr 410px;gap:35px}}
@media(max-width:800px){.account-page .account-hero{padding:35px 0 25px}.account-page .account-grid{grid-template-columns:1fr}.account-page .account-overview{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr);text-align:left;padding:24px;gap:20px}.account-page #account-avatar .avatar-large{width:70px;height:70px;font-size:26px}.identity-label{display:none}.account-page #account-name{margin-top:0;font-size:26px}.account-page .account-counters{grid-column:1/-1;display:flex;justify-content:flex-start;margin:0;gap:35px;padding:15px 0}.account-page .account-counters span{display:flex;align-items:center;gap:10px}.account-page .account-counters b{font-size:23px}.identity-links{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.account-page .auth-layout{grid-template-columns:1fr;gap:15px;max-width:560px;margin:auto}.account-page .auth-story{padding:0}.account-page .auth-story>img,.account-page .auth-story ul{display:none}.account-page .auth-story h2{font-size:38px}.account-page .auth-story p{max-width:none}.account-page main:before{height:700px}}
@media(max-width:480px){.account-page .account-navigation{grid-template-columns:1fr 1fr}.account-page .account-navigation button{padding:14px}.account-page .account-navigation .nav-rune{display:none}.account-page .settings-panel{padding:22px 18px}.account-page #game-account-form{grid-template-columns:1fr}.game-intro h3,.account-page .settings-panel>h3{font-size:27px}.game-intro img{width:42px;height:52px}.account-page .auth-window{padding:24px 20px}.account-page .account-hero h1{font-size:35px}.account-page .play-toolbar .button{width:100%}.account-page .account-overview{padding:22px 18px}.account-page .portal-form .button{width:100%}}
@media(prefers-reduced-motion:reduce){.account-page .account-navigation button{transition:none}}

.account-page #game-account-form>label{grid-column:1/-1}