.account-main{max-width:1240px}
.account-page:has(#playerProfile:not([hidden])) .account-entry{display:none}
.account-page #playerProfile{display:block}
.player-pass{border-radius:0;margin-bottom:32px;padding:30px 34px}
.player-pass-copy>p:last-child{max-width:42ch}
.player-shortcuts a{background:transparent;border-color:#44543b;font-size:11px}
.profile-workspace{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start;scroll-margin-top:20px}
.profile-section-nav{position:sticky;top:24px;display:grid;gap:7px;padding:8px;background:#142017;border:1px solid #354b38}
.profile-section-nav a{display:flex;align-items:center;min-height:50px;padding:12px 16px;font-size:14px;text-decoration:none;color:#bdcbb5;border-left:3px solid transparent}
.profile-section-nav a:hover{background:#1d2d20;color:#eff5dd}
.profile-section-nav a[aria-current]{background:#263820;color:#d1fc85;border-left-color:#c3f766;font-weight:bold}
.profile-section-content,.profile-section{min-width:0}
.profile-section-heading{margin:0 0 26px;padding-top:8px}
.profile-section-heading .micro{color:#b1c591;letter-spacing:1.8px;font-size:10px}
.profile-section-heading h2{font:700 clamp(25px,3vw,36px)/1.15 Arial,sans-serif;letter-spacing:-1px;margin:12px 0}
.profile-section .account-panel{border:1px solid #3d513d;border-radius:0;margin:0 0 20px;padding:28px;background:#162119}
.profile-destinations{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.profile-destination{position:relative;display:flex;flex-direction:column;gap:12px;min-height:150px;padding:24px 42px 24px 24px;border:1px solid #42583d;background:linear-gradient(135deg,#20301e,#162019);color:#eff5dd;text-decoration:none}
.profile-destination strong{font-size:20px}.profile-destination>span:not(.destination-arrow){font-size:14px;line-height:1.6;color:#b8c7b0;max-width:30ch}
.destination-arrow{position:absolute;right:20px;top:23px;color:#c3f766;font-size:22px}
.profile-destination:hover{border-color:#b0d675;background:#243620}
.profile-claim-nav{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #40543c;padding-bottom:16px}
.profile-claim-nav a{display:flex;align-items:center;padding:12px 18px;min-height:44px;border:1px solid #42583d;color:#c7d4bf;text-decoration:none;font-size:14px}
.profile-claim-nav a[aria-current]{background:#c3f766;color:#101713;border-color:#c3f766;font-weight:bold}
.profile-section #holderClaims,.profile-section #physicalHolderClaim{margin:0;border-radius:0;padding:26px;background:#162119;border:1px solid #40543c}
.profile-section #holderNfts{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:680px;overflow:auto;padding:6px;scrollbar-color:#6b854b #111a14}
.profile-section .profile-avatar-browser{max-height:360px;overflow:auto;padding:12px;scrollbar-color:#6b854b #111a14}
.profile-section #nftChoices{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:16px}
.profile-section .wallet-panel{margin-top:32px;padding-top:28px;border-color:#42583d}
.profile-section #profileForm>button[type=submit]{margin-top:24px;min-width:180px}
.profile-section .purchased-haul{padding:28px;margin-bottom:24px}.profile-section .purchased-haul>h1{font:700 clamp(26px,4vw,40px)/1.1 Arial,sans-serif;letter-spacing:-1px}
.profile-section .haul-packs{margin:24px 0}.profile-section .haul-copy{font-size:16px}
.profile-section #welcomePack{margin-top:20px}.profile-section .welcome-pack h2{font-size:28px!important}
.profile-section .profile-order{padding:24px 0}.profile-section .profile-order h3{font-size:19px;margin:12px 0}
.profile-section .history-row{padding:20px 0;border-bottom:1px solid #354b38}
.profile-workspace :focus-visible{outline:2px solid #c3f766;outline-offset:4px}
@media(max-width:850px){.profile-workspace{grid-template-columns:1fr;gap:24px}.profile-section-nav{position:static;display:flex;overflow-x:auto;gap:4px;white-space:nowrap;padding:6px;scrollbar-width:thin}.profile-section-nav a{flex:0 0 auto;min-height:46px;border-left:0;border-bottom:3px solid transparent;padding:10px 14px}.profile-section-nav a[aria-current]{border-bottom-color:#c3f766}.profile-section-heading{padding:0}.player-pass{margin-bottom:24px}}
@media(max-width:540px){.profile-destinations{grid-template-columns:1fr;gap:12px}.profile-destination{min-height:112px;padding:20px 42px 20px 20px}.profile-destination strong{font-size:18px}.profile-section .account-panel,.profile-section #holderClaims,.profile-section #physicalHolderClaim,.profile-section .purchased-haul{padding:20px 16px}.profile-claim-nav a{padding:12px;font-size:12px}.profile-section #holderNfts{grid-template-columns:repeat(2,minmax(0,1fr));max-height:560px}.profile-section #holderNfts .btn{font-size:10px;padding:12px 8px}.player-pass{padding:24px 20px}.profile-section-heading h2{font-size:28px}.profile-section-nav{margin-inline:-4px}.profile-section .holder-token-form{display:flex;flex-wrap:wrap}}

@media(max-width:850px){.profile-workspace{padding-inline:18px}}
@media(max-width:540px){.profile-workspace{padding-inline:16px}.profile-section-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;white-space:normal;margin:0}.profile-section-nav a{justify-content:center;text-align:center;font-size:12px;padding:10px 6px;min-height:48px;line-height:1.35}.player-pass{gap:12px;padding:20px}.player-pass-copy>p:last-child{display:none}.player-pass-record b{font-size:28px}.player-shortcuts{display:flex;gap:6px;padding-top:14px}.player-shortcuts a{flex:1;min-width:0;justify-content:center;padding:12px 8px;font-size:10px}.player-pass h2{font-size:24px}.profile-section-heading h2{font-size:26px}}

/* Persistent navigation leaves a measured space for the page content. */
.account-page .player-pass{position:sticky;top:var(--site-chrome-height,116px);z-index:25;background-color:#101c16;box-shadow:0 8px 18px #0003}
.profile-section-nav{top:calc(var(--site-chrome-height,116px) + var(--profile-pass-height,200px) + 16px)}
.profile-workspace{scroll-margin-top:calc(var(--site-chrome-height,116px) + var(--profile-pass-height,200px) + 16px)}

@media(max-width:850px){
 .profile-section-nav{display:none}



 .account-page .player-pass{grid-template-columns:48px minmax(0,1fr);gap:4px 14px;padding:12px 18px;margin-bottom:16px}
 .player-pass #playerPassAvatar,.player-pass #playerPassAvatar>.avatar-emblem{width:48px;min-width:48px;height:48px}
 .player-pass .profile-avatar.profile-avatar{width:48px;height:48px;padding:2px}
 .player-pass .avatar-emblem>.holder-badge{width:18px;height:18px}
 #playerPassAvatar{grid-row:1/3}
 .player-pass-copy .micro,.player-pass-copy>p:last-child,.player-pass .player-shortcuts{display:none}
 .player-pass h2{font-size:21px;margin:0;line-height:1.3}
 .player-pass-record{grid-column:2;display:flex;justify-content:flex-start;gap:14px;padding:0;font-size:8px}
 .player-pass-record b{display:inline;font-size:14px;margin-right:4px}
 .profile-workspace{gap:20px;scroll-margin-top:calc(var(--site-chrome-height,116px) + var(--profile-pass-height,80px) + 8px)}
}

@media(max-width:850px){
 .player-pass .player-shortcuts:has(a[href="/play/company"]){display:flex;grid-column:1/-1;padding-top:8px;margin-top:6px}
 .player-pass .player-shortcuts:has(a[href="/play/company"])>a:not([href="/play/company"]){display:none}
 .player-pass .player-shortcuts a[href="/play/company"]{min-height:36px;padding:8px 12px}
}

.profile-workspace{scroll-margin-top:calc(var(--profile-pass-height,100px) + 8px)}

.profile-icon-link{gap:10px}
.profile-icon-link>.menu-mascot{width:30px;height:30px;flex:0 0 30px}
.profile-destination>.menu-mascot{position:absolute;right:18px;top:20px;width:48px;height:48px}
.profile-destination{padding-right:82px}
.profile-section-nav a{gap:12px}
.profile-section-nav a>.menu-mascot{width:30px;height:30px}
.profile-section .profile-order a,.profile-section .haul-actions a{display:inline-flex;align-items:center;gap:10px}
@media(max-width:850px){
 .account-page .player-pass{grid-template-columns:76px minmax(0,1fr);gap:16px 18px;padding:24px 20px}
 .player-pass #playerPassAvatar,.player-pass #playerPassAvatar>.avatar-emblem{width:76px;min-width:76px;height:76px}
 .player-pass .profile-avatar.profile-avatar{width:76px;height:76px;padding:3px}
 .player-pass .avatar-emblem>.holder-badge{width:24px;height:24px}
 #playerPassAvatar{grid-row:auto}
 .player-pass-copy .micro{display:block;font-size:8px;margin:0 0 10px}
 .player-pass h2{font-size:26px;line-height:1.2}
 .player-pass-record{grid-column:1/-1;justify-content:space-around;gap:16px;font-size:9px;padding:4px 0}
 .player-pass-record b{display:block;font-size:30px;margin:0 0 3px}
 .player-pass .player-shortcuts,.player-pass .player-shortcuts:has(a[href="/play/company"]){display:flex;grid-column:1/-1;flex-wrap:wrap;margin:0;padding-top:16px;gap:8px}
 .player-pass .player-shortcuts:has(a[href="/play/company"])>a:not([href="/play/company"]){display:flex}
 .player-pass .player-shortcuts a{display:flex;flex:1;min-width:0;min-height:50px;padding:10px 8px;font-size:10px;gap:6px}
 .player-pass .player-shortcuts a[href="/play/company"]{flex-basis:100%}
 .player-shortcuts .menu-mascot{width:26px;height:26px;flex-basis:26px}
}

/* Matched actions share the entire panel width, regardless of their labels or icons. */
.profile-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;width:100%;margin-top:22px;align-items:stretch}
.profile-section .profile-action-row>.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:none;min-width:0;min-height:60px;height:100%;box-sizing:border-box;margin:0;padding:14px 16px;line-height:1.4;text-align:center;white-space:normal}
.account-page[data-auth="signed-in"] .account-main>.account-bottom-link{display:flex!important;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;width:calc(100% - 232px);max-width:none;min-height:60px;margin:28px 0 0 232px;padding:14px 20px;border:1px solid #40543a;background:#162119;font-size:12px;font-weight:bold;text-decoration:none}
@media(max-width:850px){.account-page[data-auth="signed-in"] .account-main>.account-bottom-link{width:calc(100% - 36px);margin:24px 18px 0}}
@media(max-width:540px){
 .profile-action-row{grid-template-columns:1fr;gap:10px}
 .profile-section .profile-action-row>.btn{min-height:56px}
 .account-page[data-auth="signed-in"] .account-main>.account-bottom-link{width:calc(100% - 32px);margin:24px 16px 0;min-height:56px}
}

/* One action layout across profile, wallets, claims, orders and receipts. */
.profile-section .btn{display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:60px;padding:14px 16px;text-align:center;white-space:normal;line-height:1.4}
.profile-section :is(.wallet-actions,.holder-actions,.haul-actions,.purchase-order-actions){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;width:100%;align-items:stretch}
.profile-section :is(.wallet-actions,.holder-actions,.haul-actions,.purchase-order-actions)>.btn{margin:0;height:100%;min-width:0;font-size:11px}
.profile-section :is(.wallet-actions,.holder-actions,.haul-actions,.purchase-order-actions)>.btn:last-child:nth-child(odd){grid-column:1/-1}
.profile-section .holder-actions:not(:has(>.btn:not([hidden]))){display:none}
.profile-claim-nav a{flex:1;justify-content:center;min-width:0;min-height:60px;box-sizing:border-box;text-align:center;line-height:1.4}
.profile-section .holder-token-form{display:block}
.profile-section .holder-token-form>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:none;gap:12px;width:100%}
.profile-section .holder-token-form input{box-sizing:border-box;width:100%;height:100%;min-width:0}
.profile-section .holder-token-form .btn{min-width:0}
.profile-section .nft-number{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}
.profile-section .nft-number label{grid-column:1/-1}
.profile-section .nft-number input{width:100%;min-width:0;height:100%;box-sizing:border-box}
.profile-section .nft-number .btn{margin:0}
.profile-section .holder-nft{display:flex;flex-direction:column}
.profile-section .holder-nft .btn{margin-top:auto;min-height:60px;padding:12px 8px;font-size:10px}
.profile-section .holder-claim-result .btn{margin:10px 0 0}
.profile-section :is(.profile-order,.physical-order-row)>a{display:flex;justify-content:center;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-height:60px;padding:14px 16px;margin-top:14px;border:1px solid #526840;text-align:center;text-decoration:none;font-size:11px;font-weight:bold;line-height:1.4}
.profile-section .profile-order>a:hover,.profile-section .physical-order-row>a:hover{background:#243620}
@media(max-width:540px){
 .profile-section :is(.wallet-actions,.holder-actions,.haul-actions,.purchase-order-actions),.profile-section .holder-token-form>div,.profile-section .nft-number{grid-template-columns:1fr;gap:10px}
 .profile-section .nft-number label{grid-column:auto}
 .profile-section .holder-token-form input,.profile-section .nft-number input{min-height:52px}
 .profile-section .holder-claim-result{grid-template-columns:1fr}
 .profile-section #holderResultArt{max-width:180px;margin:auto}
 .profile-claim-nav{gap:10px}
 .profile-claim-nav a{padding:12px 8px;font-size:12px;flex-direction:column;gap:6px}
}

/* Keep record values and labels centered on a shared three-column grid. */
.player-pass .player-pass-record{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;justify-content:stretch;gap:16px;width:100%;min-width:240px;text-align:center}
.player-pass .player-pass-record>span{display:block;min-width:0;line-height:1.4}
.player-pass .player-pass-record b{display:block;margin:0 0 6px;line-height:1.2;font-variant-numeric:tabular-nums}
@media(max-width:1050px){.player-pass .player-pass-record{min-width:0}}

/* Adapt to the space beside the artwork, not just the browser width. */
.profile-action-host{container-type:inline-size}
@container(max-width:460px){
 .profile-action-row{grid-template-columns:1fr;gap:12px}
 .profile-section .profile-action-row>.btn{min-height:60px;height:auto;padding:16px 20px;font-size:12px;line-height:1.4}
}