/* v179: actual .hg-top selector, safe areas, one mobile utility card. */
.hg-arena.hg-compact-header .hg-top{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:8px!important;box-sizing:border-box!important;height:auto!important;min-height:56px!important;padding:6px max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left))!important;padding-top:max(6px,env(safe-area-inset-top))!important;flex:none!important;background:#122327ee!important;border-bottom:1px solid #9ab4ad24!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important}
.hg-arena.hg-compact-header .hg-top>div:not(.hg-tools){min-width:0!important;text-align:left!important;overflow:hidden!important}
.hg-arena.hg-compact-header .hg-top h2{font:750 14px/1.3 system-ui!important;letter-spacing:-.2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;color:#e9f2ec!important}
.hg-arena.hg-compact-header .hg-top small{display:block!important;font:600 8px/1.4 system-ui!important;letter-spacing:1.2px!important;opacity:.65!important;white-space:nowrap!important}
.hg-arena.hg-compact-header .hg-top button{width:44px!important;height:44px!important;min-height:44px!important;min-width:44px!important;padding:0!important;border:1px solid #9fbbaf30!important;border-radius:13px!important;background:#a3c4b012!important;display:grid!important;place-items:center!important;color:#e5efea!important;font-size:18px!important;box-shadow:none!important}
.hg-arena.hg-compact-header #hg-back{font-size:0!important}.hg-arena.hg-compact-header #hg-back::before{content:'←';font-size:22px}
.hg-arena.hg-compact-header .hg-tools{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;min-width:0!important}
.hg-arena.hg-compact-header #hg-chat-toggle{font-size:11px!important}
.hg-arena.hg-compact-header .hg-tools [hidden]{display:none!important}
.hg-arena #hg-native-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:12px}
.hg-arena #hg-native-tools[hidden]{display:none!important}
.hg-arena #hg-native-tools button{margin:0!important;width:100%!important;min-height:46px!important;font-size:12px!important;background:#28443e!important;border:1px solid #a5c9b238!important;border-radius:13px!important;color:#eff7f2!important;box-shadow:inset 0 1px 0 #fff1!important}
.hg-arena.hg-compact-header .hg-menu{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 80px)!important;overflow:auto!important;border-radius:22px!important;background:#142c27f5!important;border-color:#9cbdab38!important}
.hg-arena[data-game="skyguard-tank"] .sg-hud{color:#ecf0e1;gap:8px}
.hg-arena[data-game="skyguard-tank"] .sg-hud b,.hg-arena[data-game="skyguard-tank"] .sg-hud span{background:#243b34da;border:1px solid #c7d4b33a;border-radius:11px;box-shadow:0 2px 12px #172d2925}
.hg-arena[data-game="skyguard-tank"] .sg-hud [data-music]{display:none!important}
.hg-arena[data-game="skyguard-tank"] .sg-hud [data-pause]{border:1px solid #b9c6a766;background:#2d4738d9;border-radius:12px;box-shadow:none;min-width:40px;min-height:40px}
.hg-arena[data-game="skyguard-tank"] .sg-controls button{background:linear-gradient(145deg,#496452dd,#253d31cc);border:1px solid #bfcbaa88;color:#f0f4de;box-shadow:inset 0 1px 1px #e9eed13a,0 3px 0 #152e25bb,0 6px 14px #10241c44;border-radius:18px!important;min-height:48px;min-width:48px}
.hg-arena[data-game="skyguard-tank"] .sg-controls [data-auto]{background:linear-gradient(145deg,#bfac72e8,#76643bd9);color:#f9f2d0;border-color:#e3d2989c}
.hg-arena[data-game="skyguard-tank"] .sg-controls [data-fire]{background:linear-gradient(145deg,#6c8b68ee,#304d36dd);border-color:#d2dfb6aa}
@media(orientation:landscape) and (max-height:500px){.hg-arena.hg-compact-header .hg-top{min-height:50px!important;padding-top:3px!important;padding-bottom:3px!important}.hg-arena.hg-compact-header .hg-top small{display:none!important}.hg-arena[data-game="skyguard-tank"] .sg-controls{bottom:max(10px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}}
@media(max-width:767px){
html:root:not(#shell-legacy):not(#layout-legacy):not(#theme-legacy):not(#cloud-legacy):not(#refinement-legacy):not(#scroll-legacy):not(#status-legacy):not(#menu-presence-legacy):not(#account-popover-legacy):not(#header-final-legacy):not(#header-native-legacy) body .app-shell>.topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:64px!important;height:auto!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:10px 12px!important;margin:0!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;z-index:20!important;}
html:root:not(#shell-legacy):not(#layout-legacy):not(#theme-legacy):not(#cloud-legacy):not(#refinement-legacy):not(#scroll-legacy):not(#status-legacy):not(#menu-presence-legacy):not(#account-popover-legacy):not(#header-final-legacy):not(#header-native-legacy) body .topbar .wordmark{flex:0 1 auto!important;min-width:0!important;gap:7px!important;font-size:20px!important;}
html:root:not(#shell-legacy):not(#layout-legacy):not(#theme-legacy):not(#cloud-legacy):not(#refinement-legacy):not(#scroll-legacy):not(#status-legacy):not(#menu-presence-legacy):not(#account-popover-legacy):not(#header-final-legacy):not(#header-native-legacy) body .topbar .logo-mark{width:31px!important;height:31px!important;}
html:root:not(#shell-legacy):not(#layout-legacy):not(#theme-legacy):not(#cloud-legacy):not(#refinement-legacy):not(#scroll-legacy):not(#status-legacy):not(#menu-presence-legacy):not(#account-popover-legacy):not(#header-final-legacy):not(#header-native-legacy) body .topbar-actions{position:static!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;width:auto!important;max-width:none!important;flex:0 0 auto!important;transform:none!important;}
html:root:not(#shell-legacy):not(#layout-legacy):not(#theme-legacy):not(#cloud-legacy):not(#refinement-legacy):not(#scroll-legacy):not(#status-legacy):not(#menu-presence-legacy):not(#account-popover-legacy):not(#header-final-legacy):not(#header-native-legacy) body .topbar-actions #halo-theme-toggle{order:1!important;}
html:root:not(#shell-legacy):not(#layout-legacy):not(#theme-legacy):not(#cloud-legacy):not(#refinement-legacy):not(#scroll-legacy):not(#status-legacy):not(#menu-presence-legacy):not(#account-popover-legacy):not(#header-final-legacy):not(#header-native-legacy) body .topbar-actions #header-profile-button{order:2!important;}
html:root:not(#shell-legacy):not(#layout-legacy):not(#theme-legacy):not(#cloud-legacy):not(#refinement-legacy):not(#scroll-legacy):not(#status-legacy):not(#menu-presence-legacy):not(#account-popover-legacy):not(#header-final-legacy):not(#header-native-legacy) body .topbar-actions #mobile-utility-toggle{order:3!important;}
html:root:not(#shell-legacy):not(#layout-legacy):not(#theme-legacy):not(#cloud-legacy):not(#refinement-legacy):not(#scroll-legacy):not(#status-legacy):not(#menu-presence-legacy):not(#account-popover-legacy):not(#header-final-legacy):not(#header-native-legacy) body .topbar-actions .header-profile-label{display:none!important;}
}

@media(max-width:767px){html:root:not(#shell-legacy):not(#layout-legacy):not(#theme-legacy):not(#cloud-legacy):not(#refinement-legacy):not(#scroll-legacy):not(#status-legacy):not(#menu-presence-legacy):not(#account-popover-legacy):not(#header-final-legacy):not(#header-native-legacy) body .topbar-actions #mobile-utility-toggle{font-size:0!important;color:var(--cloud-ink)!important;}html:root:not(#shell-legacy):not(#layout-legacy):not(#theme-legacy):not(#cloud-legacy):not(#refinement-legacy):not(#scroll-legacy):not(#status-legacy):not(#menu-presence-legacy):not(#account-popover-legacy):not(#header-final-legacy):not(#header-native-legacy) body .topbar-actions #mobile-utility-toggle::before{content:"⋯"!important;display:block!important;font:800 23px/1 system-ui!important;color:var(--cloud-ink)!important;}html:root:not(#shell-legacy):not(#layout-legacy):not(#theme-legacy):not(#cloud-legacy):not(#refinement-legacy):not(#scroll-legacy):not(#status-legacy):not(#menu-presence-legacy):not(#account-popover-legacy):not(#header-final-legacy):not(#header-native-legacy) body .topbar-actions #mobile-utility-toggle svg{display:none!important;}}