/* Header and content share the exact same outer content edges. */
:root{--layout-gutter74:clamp(22px,3.2vw,80px);--layout-radius74:18px}
body>main{box-sizing:border-box;max-width:2500px!important;padding-left:var(--layout-gutter74)!important;padding-right:var(--layout-gutter74)!important}
.game-chrome{width:calc(100% - var(--layout-gutter74) - var(--layout-gutter74));max-width:calc(2500px - var(--layout-gutter74) - var(--layout-gutter74));border-radius:var(--layout-radius74)}
.game-chrome .game-topbar{border-radius:var(--layout-radius74);gap:clamp(16px,1.5vw,32px)}
#season-strip .season-step{border-radius:var(--layout-radius74)!important}
.game-chrome .game-topbar .topbar-brand.brand-life52{flex:0 0 190px;height:88px;transform-origin:30% 60%;transition:rotate .3s cubic-bezier(.2,.7,.2,1),scale .3s cubic-bezier(.2,.7,.2,1),filter .3s;cursor:pointer}
.game-chrome .game-topbar .brand-stage52{max-height:88px;width:100%;max-width:100%}
@media(hover:hover) and (pointer:fine){.game-chrome .topbar-brand.brand-life52:hover{rotate:-2deg;scale:1.03;filter:drop-shadow(0 4px 12px #e2bd5830)}}
.game-chrome .topbar-brand.brand-life52:focus-visible{rotate:-2deg;outline:2px solid #efd18c;outline-offset:3px;border-radius:12px}
.game-chrome .topbar-brand.brand-life52:active{scale:.98}
.game-chrome .game-topbar .player-identity{max-width:none;flex:0 0 auto;padding-left:16px}
.game-chrome .game-topbar .player-identity .identity-copy{white-space:nowrap;overflow-wrap:normal;max-width:none;flex:0 0 auto}
.game-chrome .game-topbar .player-identity .identity-copy b{display:block;white-space:nowrap;overflow-wrap:normal;max-width:none;font-size:12px}
.game-chrome .game-topbar .player-identity .identity-copy small{white-space:nowrap;max-width:none}
.game-chrome .player-identity .profile-wallet{white-space:nowrap;flex-wrap:nowrap}
.game-chrome .player-identity .identity-edit{display:none}
/* Switch to the existing menu before a wider logo and full names get crowded. */
@media(max-width:1600px){
 .game-topbar .topbar-navigation{flex:1;justify-content:flex-end}
 .game-topbar .menu-toggle{display:flex;flex:none;min-width:90px;width:90px;border:1px solid #c7b57938;border-radius:14px;height:44px;padding:10px 13px}
 .game-topbar #main-navigation:not(.is-open){display:none}
 .game-topbar #main-navigation.is-open{display:grid;position:absolute;left:12px;right:12px;top:calc(100% + 10px);width:auto;background:#0e1b28fa;backdrop-filter:blur(22px);padding:20px;border:1px solid #c7b57938;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;z-index:202;box-shadow:0 22px 60px #0008}
 .game-topbar #main-navigation button{padding:13px 12px;text-align:left;border-radius:10px;font-size:12px;white-space:normal;min-height:44px}
 .game-topbar #main-navigation .more-navigation{grid-column:1/-1;display:block}
 .game-topbar .more-navigation summary{min-height:44px;padding:12px;font-size:12px}
 .game-topbar .more-navigation>div{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:none;border:0;background:none;padding:0 8px}
 .game-topbar .more-navigation:not([open])>div{display:none}
}
@media(max-width:800px){
 :root{--layout-gutter74:18px}
 .game-chrome .game-topbar .topbar-brand.brand-life52{flex-basis:150px;height:76px}
 .game-chrome .game-topbar .brand-stage52{max-height:76px}
 .game-chrome .game-topbar .player-identity .identity-copy b{font-size:11px}
}
@media(max-width:550px){
 .game-chrome .game-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 14px;padding:5px 14px 12px;height:auto}
 .game-chrome .game-topbar .topbar-brand.brand-life52{width:140px;height:62px;grid-column:1;grid-row:1;justify-self:start}
 .game-chrome .game-topbar .brand-stage52{max-height:62px}
 .game-chrome .game-topbar .topbar-navigation{grid-column:2;grid-row:1;justify-self:end;margin:0}
 .game-chrome .game-topbar .menu-toggle{width:74px;min-width:74px;padding:10px 12px}
 .game-chrome .game-topbar .menu-toggle span{left:12px}
 .game-chrome .game-topbar .menu-toggle b{font-size:10px;margin-left:22px}
 .game-chrome .game-topbar .player-identity{grid-column:1/-1;grid-row:2;justify-self:stretch;max-width:100%;min-width:0;border-top:1px solid #bfa76820!important;gap:10px;padding:9px 0 0;white-space:nowrap}
 .game-chrome .game-topbar .player-identity .player-avatar{width:34px;height:34px;flex-basis:34px}
 .game-chrome .game-topbar .player-identity .identity-copy b{font-size:11px;line-height:1.3}
 .game-chrome .game-topbar .player-identity .identity-copy small{font-size:9px;line-height:1.3}
 .game-chrome .game-topbar .player-identity .profile-wallet{margin-top:3px;font-size:10px;line-height:1.3}
 .game-topbar #main-navigation.is-open{left:0;right:0;max-height:calc(100svh - 190px);overflow-y:auto;overscroll-behavior:contain;padding:14px}
 .catalog-focus-stage{scroll-margin-top:190px}
}
@media(prefers-reduced-motion:reduce){.game-chrome .game-topbar .topbar-brand.brand-life52{transition:none;rotate:none;scale:none;filter:none}}