/* Shared arcade shell: keep identity, account tools and navigation in their own rows. */
body>header{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 grid-template-areas:"brand tools" "nav nav";
 align-items:center;
 gap:12px 24px;
 min-height:0;
 padding:14px max(24px,calc((100% - 1344px)/2)) 10px;
}
body>header .brand{grid-area:brand;min-width:0;gap:10px;justify-self:start;letter-spacing:1.5px;white-space:normal}
body>header .brand-mark{width:44px;height:44px;flex-shrink:0}
body>header .brand span{font-size:17px;line-height:1.3}
body>header .brand b{display:inline;white-space:nowrap}
body>header .brand small{font-size:9px;line-height:1.5;letter-spacing:.4px;margin-top:4px}
body>header .header-end{grid-area:tools;display:flex;align-items:center;justify-content:flex-end;gap:8px!important;min-width:0;margin:0;flex-wrap:wrap}
body>header .header-end>button{min-height:42px;white-space:nowrap}
body>header .header-end>[hidden]{display:none!important}
body>header #accountIdentity{order:5;min-width:44px;min-height:44px;margin-left:4px}
body>header #accountIdentity .arcade-avatar{width:34px;height:34px;margin:4px}
body>header #accountIdentity .avatar-tooltip{top:calc(100% + 12px);bottom:auto;left:auto;right:0;transform:none;white-space:normal;min-width:150px;max-width:240px}
body>header #messagesButton{order:2;padding:9px 12px}
body>header #supportInboxButton{order:3;padding:9px 12px;font-size:12px}
body>header #balance{order:4;font-size:13px;padding:9px 12px}
body>header #soundButton{order:1;width:42px;min-width:42px;padding:5px}
body>header nav{grid-area:nav;display:flex;min-width:0;width:100%;justify-content:flex-start;align-items:center;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#355449 transparent;padding:3px 0;border-top:1px solid #294638}
body>header nav button{flex:0 0 auto;min-height:42px;font-size:12px;padding:9px 14px;border-radius:9px}
body>header nav button.active{background:#e8be6c14;color:var(--gold);box-shadow:inset 0 -2px #dcb66a}
main{min-width:0}
main>.page-title{align-items:flex-start;flex-wrap:wrap;gap:16px 24px}
main>.page-title>div{min-width:0}
main>.page-title h1{font-size:clamp(30px,3.5vw,46px);line-height:1.15;overflow-wrap:anywhere;text-wrap:balance}
.auth{width:100%;margin:12px auto 32px;padding:clamp(24px,4vw,36px);scroll-margin-top:160px}
.auth h1{font-size:clamp(32px,4vw,42px);line-height:1.12;letter-spacing:-1px;text-wrap:balance}
@media(max-width:900px){
 body>header{gap:10px 14px;padding:12px 18px 8px}
 body>header .brand span{font-size:15px}
 body>header .brand-mark{width:40px;height:40px}
 body>header .header-end{gap:6px!important}
 body>header #messagesButton span{display:none}
 body>header nav button{padding:9px 12px}
}
@media(max-width:600px){
 body>header{position:relative;top:auto;gap:10px 8px;padding:12px 16px 6px}
 body>header .brand{gap:8px;letter-spacing:1px}
 body>header .brand span{font-size:13px}
 body>header .brand small{font-size:8px;max-width:160px}
 body>header .brand-mark{width:36px;height:36px}
 body>header #balance{font-size:12px;padding:8px}
 body>header #soundButton{min-width:36px;width:36px}
 body.signed-in>header{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "tools" "nav"}
 body.signed-in>header .header-end{justify-content:space-between;width:100%;flex-wrap:nowrap}
 body>header #supportInboxButton{font-size:11px;padding:8px}
 body>header #accountIdentity{margin:0}
 body>header nav button{font-size:12px;padding:9px 11px}
 main{padding-top:24px}
 .auth{margin:0 auto 24px;scroll-margin-top:20px}
 footer{flex-wrap:wrap;align-items:center;gap:16px}
}
@media(max-width:359px){
 body>header .brand small{display:none}
 body>header .brand span{font-size:12px}
 body>header .brand-mark{width:30px;height:30px}
 body>header .header-end{gap:4px!important}
 body>header #supportInboxButton{max-width:80px;white-space:normal;line-height:1.2}
}
.dashboard-greeting h1{overflow-wrap:anywhere;text-wrap:balance}
@media(max-width:600px){
 body>header #balance{min-width:0;max-width:90px;overflow:hidden;text-overflow:ellipsis}
 body>header #balance span{display:inline-block;max-width:7ch;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
}
@media(max-width:359px){body>header #messagesButton{padding:8px}body>header #balance{max-width:74px}}