/* RARA account area. Keeps shared storefront chrome and authentic member data. */
.account-profile-tabs{display:flex;gap:8px;border-bottom:1px solid #bdccd9;margin:26px 0 0;max-width:540px}
.account-profile-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:12px 18px;min-height:44px;font:500 14px/1.5 'DM Sans',sans-serif;color:var(--club-muted);cursor:pointer}
.account-profile-tabs button[aria-selected=true]{color:var(--club-ink);border-bottom-color:var(--club-ink)}
.account-profile-panel{max-width:540px;padding-top:1px}
.account-profile-panel>h3{font-size:22px;letter-spacing:-.02em;margin:24px 0 10px}
.account-profile-panel>.account-address-description{font-size:13px;line-height:1.7;color:var(--club-muted)}
.account-profile-panel .account-profile-form{margin-top:24px}
.account-profile-panel select{width:100%;display:block;margin-top:7px;border:1px solid #9db1c6;border-radius:7px;background:#fdfdfb;color:var(--club-ink);padding:12px;font:16px 'DM Sans',sans-serif;min-height:46px}
.account-profile-panel>div>.club-text-link{min-height:44px;padding:8px 0;background:none;text-decoration:underline}
@media(max-width:380px){.account-profile-tabs{gap:0}.account-profile-tabs button{flex:1;padding-inline:10px}}
.account-address{border-top:1px solid var(--club-border);padding-top:25px;margin-top:35px;max-width:540px}
.account-address h3{font-size:22px;letter-spacing:-.02em;margin:0 0 10px}
.account-address-description{font-size:13px;line-height:1.7;color:var(--club-muted)}
.account-address-form select{width:100%;display:block;margin-top:7px;border:1px solid #9db1c6;border-radius:7px;background:#fdfdfb;color:var(--club-ink);padding:12px;font:16px 'DM Sans',sans-serif;min-height:46px}
.account-address>.club-text-link,.account-address>div>.club-text-link{min-height:44px;padding:8px 0;background:none;text-decoration:underline}
.club-dashboard-page{padding-block:24px 70px;min-height:65vh}.club-dashboard-page [hidden]{display:none!important}
.club-account-loading{padding:70px 0;min-height:240px;color:var(--club-muted)}
.account-breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;margin-bottom:20px;color:var(--club-muted)}.account-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.account-banner{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.3fr) 142px;align-items:center;gap:26px;padding:26px 30px;min-height:166px;border-radius:14px;background:#122f52;color:#f7f6f2;overflow:hidden;isolation:isolate;position:relative}
.account-identity{display:flex;align-items:center;gap:22px;min-width:0}.account-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 72px;width:72px;height:72px;border-radius:50%;background:#f7f6f2;color:#122f52;font:600 40px/1 Georgia,serif;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}
.club-page .account-identity h2{font-size:29px;letter-spacing:-.035em;line-height:1.2;font-weight:600;margin:0 0 6px;overflow-wrap:anywhere}.account-member-label{font-size:15px;font-weight:500}.account-member-since{color:#d4e1ee;font-size:11px;margin-top:8px}
.account-progress{padding-left:26px;border-left:1px solid #50708f}.account-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.account-progress h3{font:600 16px/1.4 'DM Sans',sans-serif;letter-spacing:-.01em}.account-progress>div>span{font-size:11px;color:#d4e1ee}.account-progress-track{height:10px;background:#47617b;border-radius:99px;margin:12px 0 9px;overflow:hidden}.account-progress-track span{display:block;height:100%;width:0;background:#f5da7a;border-radius:inherit}.account-progress p{font-size:12px;color:#e1e9f3}.account-progress>a{display:inline-block;font-size:11px;margin-top:8px;text-decoration:underline;text-underline-offset:4px}
.account-banner-art{background:#f7f6f2;border-radius:50%;width:124px;height:124px;display:flex;align-items:center;justify-content:center;overflow:hidden}.account-banner-art .club-art{width:100px;flex-shrink:0}
.account-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;margin-top:30px;align-items:start}.account-sidebar{border-right:1px solid var(--club-border);padding-right:20px;min-height:420px}.account-sidebar>p:first-child{font-size:11px;font-weight:600;letter-spacing:.1em;margin:0 0 16px 10px}.account-sidebar nav{display:grid;gap:6px}.account-sidebar nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.4;color:var(--club-ink);transition:background .15s}.account-sidebar nav a:hover{background:#e6edf580}.account-sidebar nav a[aria-current=page]{background:var(--club-blue);font-weight:600}.account-sidebar svg{width:19px;height:19px;flex-shrink:0;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.account-sidebar #account-logout{display:flex;align-items:center;gap:12px;background:none;width:100%;border:0;border-top:1px solid var(--club-border);margin-top:22px;padding:20px 12px 8px;font-size:13px;text-align:left;min-height:44px}
.account-content{min-width:0}.club-page #account-view>h2{font:600 clamp(28px,3vw,36px)/1.2 'DM Sans',sans-serif;letter-spacing:-.04em;margin:0 0 8px}.account-description{font-size:14px;line-height:1.7;color:var(--club-muted);margin-bottom:23px}
.account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 22px;border-bottom:1px solid var(--club-border);padding-bottom:23px;gap:0}.account-stats>div{padding-inline:20px;border-right:1px solid var(--club-border)}.account-stats>div:first-child{padding-left:0}.account-stats>div:last-child{border-right:0}.account-stats dt{font-size:9px;font-weight:600;letter-spacing:.07em;margin-bottom:7px}.account-stats dd{margin:0;font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.35}
.account-feature-grid,.account-perks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-perks-grid{margin-top:26px}.account-feature-card{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:10px;min-height:192px;padding:22px;border-radius:13px;border:1px solid var(--club-border);background:var(--club-paper);overflow:hidden}.account-feature-card:first-child{background:var(--club-blue);border-color:transparent}.account-feature-copy{min-width:0}.account-tag{display:inline-block;font-size:9px;letter-spacing:.07em;font-weight:600;line-height:1.5;margin-bottom:12px}.account-feature-card h3{font:600 22px/1.18 'DM Sans',sans-serif;letter-spacing:-.03em;margin:0 0 10px}.account-feature-card p{font-size:12px;color:var(--club-muted);line-height:1.6;margin-bottom:17px}.account-feature-card .club-button{font-size:12px;padding:10px 17px;min-height:40px;gap:10px}.account-feature-card .club-text-link{font-size:12px;text-decoration:underline}.account-feature-art{width:112px}
.account-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.account-section-title h3{font:600 20px/1.25 'DM Sans',sans-serif;letter-spacing:-.025em;margin:0}.account-section-title>a{font-size:11px;white-space:nowrap}.account-latest,.account-journey{margin-top:25px}
.account-rank-strip{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));list-style:none!important;padding:0!important;margin:0!important;gap:5px;position:relative}.account-rank-strip:before{content:'';position:absolute;top:50%;left:4%;right:4%;height:1px;background:var(--club-border);z-index:-1}.account-rank-strip li{min-width:0}.account-rank-strip button{padding:5px 1px 8px;width:100%;border:0;background:var(--club-paper);color:var(--club-ink);cursor:pointer;border-radius:8px;min-height:110px}.account-rank-strip button:hover{background:var(--club-blue)}.account-rank-strip .club-art{width:100%;margin-bottom:7px}.account-rank-number{display:block;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:6px}.account-rank-name{display:block;font-size:9px;line-height:1.4;overflow-wrap:anywhere;margin-top:3px}
.account-empty{padding:25px;border:1px solid var(--club-border);border-radius:10px;color:var(--club-muted);font-size:14px;line-height:1.7}.account-empty>h3{font:600 22px/1.3 'DM Sans',sans-serif;margin-bottom:12px;color:var(--club-ink)}.account-empty>a,.account-empty>button{margin-top:14px}.account-empty button{background:none;padding:7px 0;min-height:44px;text-decoration:underline}.account-hint{font-size:12px;line-height:1.7;color:var(--club-muted);margin-top:16px}
.account-order{border:1px solid var(--club-border);border-radius:9px;margin-bottom:10px;overflow:hidden}.account-order summary{display:grid;grid-template-columns:minmax(150px,1fr) 90px auto auto 14px;gap:16px;align-items:center;padding:17px 18px;cursor:pointer;font-size:12px;list-style:none;min-height:55px}.account-order summary::-webkit-details-marker{display:none}.account-order strong{font-size:13px}.account-order-date{color:var(--club-muted)}.account-order-status{padding:4px 9px;background:var(--club-blue);border-radius:999px;font-size:10px}.account-order-total{font-weight:600;white-space:nowrap}.account-order-expand{font-size:18px}.account-order[open] .account-order-expand{transform:rotate(45deg)}.account-order-detail{border-top:1px solid var(--club-border);padding:18px;font-size:13px}.account-order-detail ul{list-style:none;padding:0;margin:0}.account-order-detail li{display:flex;justify-content:space-between;gap:20px;padding:7px 0}.account-order-detail>p{font-size:12px;color:var(--club-muted);margin-top:15px}.account-order-detail a{font-size:12px;text-decoration:underline}
.account-order-controls{margin:25px 0 20px}.account-order-controls label{display:block;font-size:12px;color:var(--club-muted)}.account-order-controls input{display:block;width:100%;border:1px solid #9db1c6;background:#fdfdfb;color:var(--club-ink);padding:12px 15px;border-radius:7px;font:14px 'DM Sans',sans-serif;margin-top:8px;min-height:44px}.account-order-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.account-order-filters button{padding:10px 16px;min-height:42px;background:transparent;border:1px solid var(--club-border);border-radius:99px;font-size:12px}.account-order-filters button[aria-pressed=true]{background:var(--club-ink);border-color:var(--club-ink);color:white}
.account-vault{display:grid;grid-template-columns:190px minmax(0,1fr);gap:35px;align-items:center;padding:35px;background:var(--club-blue);border-radius:14px}.account-vault h3{font:600 30px/1.2 'DM Sans',sans-serif;letter-spacing:-.03em;margin:0 0 15px}.account-vault p{font-size:14px;color:var(--club-muted);line-height:1.7}.account-vault a{margin-top:24px;text-decoration:underline}
.account-profile-form{max-width:460px;display:grid;gap:18px;margin-top:25px}.account-profile-form label{display:block;font-size:12px}.account-profile-form input{width:100%;display:block;margin-top:7px;border:1px solid #9db1c6;border-radius:7px;background:#fdfdfb;color:var(--club-ink);padding:12px;font:16px 'DM Sans',sans-serif;min-height:46px}.account-profile-form input[readonly]{background:var(--club-blue);color:var(--club-muted)}.account-profile-form .club-button{justify-self:start}.account-profile-form .account-hint{margin:0}.account-security{border-top:1px solid var(--club-border);padding-top:25px;margin-top:35px;max-width:540px}.account-security h3{font-size:22px;letter-spacing:-.02em;margin:0 0 10px}.account-security p{font-size:13px;line-height:1.7;color:var(--club-muted);margin-bottom:14px}.account-security button{background:none;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.account-level-details{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-top:25px;align-items:start}.account-level-details details{border:1px solid var(--club-border);border-radius:10px;padding:12px;min-width:0}.account-level-details summary{cursor:pointer;list-style:none}.account-level-details summary::-webkit-details-marker{display:none}.account-level-details strong{display:block;font-size:12px;margin-top:5px}.account-level-details details>p{font-size:12px;line-height:1.65;color:var(--club-muted);margin-top:15px}
@media(max-width:1150px){.account-layout{grid-template-columns:185px minmax(0,1fr);gap:23px}.account-sidebar{padding-right:15px}.account-sidebar nav a{font-size:12px;gap:9px;padding-inline:9px}.account-banner{grid-template-columns:1fr 1.15fr 100px;gap:20px;padding:24px}.account-banner-art{width:95px;height:95px}.account-banner-art .club-art{width:78px}.account-feature-card{grid-template-columns:minmax(0,1fr) 90px;padding:20px}.account-feature-art{width:90px}.account-feature-card h3{font-size:21px}.account-order summary{grid-template-columns:minmax(0,1fr) auto auto 12px;gap:12px}.account-order-date{display:none}.account-rank-strip{grid-template-columns:repeat(10,78px);overflow-x:auto;padding-bottom:9px!important;scroll-snap-type:x proximity}.account-rank-strip li{scroll-snap-align:start}.account-rank-name{font-size:10px}.account-level-details{grid-template-columns:repeat(4,minmax(0,1fr))}.account-stats dd{font-size:17px}}
@media(max-width:800px){.account-banner{grid-template-columns:1fr 1fr;gap:22px}.account-banner-art{display:none}.account-identity{gap:16px}.account-avatar{width:60px;height:60px;flex-basis:60px;font-size:34px}.club-page .account-identity h2{font-size:25px}.account-layout{display:block;margin-top:22px}.account-sidebar{border-right:0;min-height:0;padding-right:0;margin-bottom:27px;border-bottom:1px solid var(--club-border);padding-bottom:10px}.account-sidebar>p:first-child{display:none}.account-sidebar nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:6px;scroll-snap-type:x proximity}.account-sidebar nav a{white-space:nowrap;flex-shrink:0;min-height:44px;padding:10px 13px;scroll-snap-align:start}.account-sidebar #account-logout{display:inline-flex;width:auto;border-top:0;margin:5px 0 0;padding:8px 12px;font-size:12px}.account-feature-card{min-height:185px}.account-rank-strip{grid-template-columns:repeat(10,82px)}.account-level-details{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.club-dashboard-page{padding-top:18px;padding-bottom:45px}.account-breadcrumb{font-size:11px;margin-bottom:15px}.account-banner{grid-template-columns:1fr;padding:23px;gap:20px}.account-identity{gap:18px}.account-progress{border-left:0;border-top:1px solid #50708f;padding:18px 0 0}.account-member-since{margin-top:5px}.account-progress h3{font-size:14px}.account-progress>a{min-height:35px;padding-top:7px}.account-layout{margin-top:18px}.account-sidebar{margin-bottom:22px}.account-sidebar nav a{font-size:12px;gap:8px}.account-sidebar nav svg{width:18px;height:18px}.club-page #account-view>h2{font-size:29px}.account-description{font-size:13px;margin-bottom:18px}.account-stats{gap:0;margin-top:23px;padding-bottom:18px}.account-stats>div{padding-inline:10px}.account-stats dt{font-size:8px;letter-spacing:.02em}.account-stats dd{font-size:14px;line-height:1.4}.account-feature-grid,.account-perks-grid{grid-template-columns:1fr;gap:14px}.account-feature-card{grid-template-columns:minmax(0,1fr) 105px;min-height:178px;padding:20px}.account-feature-art{width:105px}.account-feature-card h3{font-size:22px}.account-tag{font-size:9px;margin-bottom:9px}.account-feature-card p{font-size:12px;margin-bottom:14px}.account-feature-card .club-button{min-height:44px}.account-section-title h3{font-size:19px}.account-section-title{gap:10px}.account-section-title>a{font-size:10px}.account-empty{padding:21px;font-size:13px}.account-order summary{grid-template-columns:minmax(0,1fr) auto 12px;padding:15px;gap:10px}.account-order-total{grid-column:1;font-size:12px}.account-order-expand{grid-column:3;grid-row:1}.account-order-status{grid-column:2;grid-row:1;font-size:9px}.account-order strong{font-size:12px}.account-order-detail{padding:15px;font-size:12px}.account-order-filters{gap:6px}.account-order-filters button{min-height:44px;padding:9px 12px;font-size:11px}.account-vault{grid-template-columns:1fr;padding:25px;gap:25px}.account-vault>.club-art{width:145px;margin-inline:auto}.account-vault h3{font-size:27px}.account-level-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-level-details strong{font-size:14px}.account-profile-form{max-width:none}}
@media(prefers-reduced-motion:reduce){.account-sidebar nav a{transition:none}}
@media(min-width:801px) and (max-width:1050px){.account-feature-grid,.account-perks-grid{grid-template-columns:1fr}.account-feature-card{grid-template-columns:minmax(0,1fr) 120px}.account-feature-art{width:120px}}
@media(min-width:521px) and (max-width:650px){.account-feature-grid,.account-perks-grid{grid-template-columns:1fr}}

/* Preserve text alignment after removing the decorative favorites icon. */
.account-sidebar .account-nav-icon-space{display:block;width:19px;height:19px;flex:0 0 19px}
@media(max-width:520px){.account-sidebar .account-nav-icon-space{width:18px;height:18px;flex-basis:18px}}

/* Approved club motifs: complete transparent objects, without sprite cropping. */
.club-object{display:block;position:relative;width:100%;aspect-ratio:1;min-width:0}
.club-object>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;mix-blend-mode:normal;filter:none}
.account-banner-art .club-object{width:110px;flex:0 0 auto}
.account-feature-card--text{grid-template-columns:minmax(0,1fr)}
@media(max-width:1150px){.account-banner-art .club-object{width:86px}}

/* XP amounts are independent of the decorative character artwork. */
.club-level-xp{text-align:center;font-size:12px;font-variant-numeric:tabular-nums;margin:8px 0 0;color:var(--club-muted)}
.club-xp-rules{max-width:800px;margin:24px 0 30px;display:grid;gap:10px;font-size:14px;line-height:1.7;color:var(--club-muted)}
.club-xp-rules strong{color:var(--club-ink)}
.account-rank-xp{display:block;font-size:9px;color:var(--club-muted);margin-top:5px;font-variant-numeric:tabular-nums}
.account-progress-track span{background:#b7d4eb}
.account-xp-retry{border:0;background:none;color:inherit;text-decoration:underline;padding:8px 0;min-height:44px;font-size:12px;margin-right:18px}

.account-profile-panel>.account-security{border-top:0;padding-top:0;margin-top:24px}

/* The account layout is the sticky boundary and ends before the footer. */
@media(min-width:801px){.account-sidebar{position:sticky;top:24px;align-self:start;max-height:calc(100dvh - 48px);min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}
.account-profile-form .account-field-hint{font-size:12px;color:var(--club-muted);line-height:1.6;margin:0}