/* Complete illustrated menu icons using the existing game atlas. */
.topnav>#communityButton::before,.topnav>[data-social-open]::before,.topnav>[data-open="bot"]::before,.topnav>[data-open="worldboss"]::before,.topnav>[data-open="pvp-list"]::before,.topnav>#keybindButton::before,#accountMenu>summary::before{content:"";display:block;width:34px;height:34px;margin:0 auto 5px;background-image:url('assets/items/interface-atlas-v2.webp');background-size:400% 400%;background-repeat:no-repeat;filter:drop-shadow(0 1px 2px #0008)}
.topnav>[data-social-open="party"]::before{background-position:33.333333% 0%}
.topnav>[data-social-open="guild"]::before{background-position:33.333333% 33.333333%}
.topnav>[data-open="bot"]::before,.topnav>#keybindButton::before{background-position:66.666667% 66.666667%}
.topnav>[data-open="worldboss"]::before{background-position:0% 100%}
.topnav>[data-open="pvp-list"]::before{background-position:100% 0%}
.topnav>[data-open="pvp-list"]>b{display:none}
#accountMenu>summary::before{background-position:33.333333% 0%}
#accountMenu>summary{flex-direction:column}
@media(min-width:1201px){
 .hud .topnav{max-width:calc(100vw - var(--pc-panel) - 3 * var(--pc-gap));gap:4px}
 .hud .topnav>button{flex:1 1 0;width:clamp(44px,3.8vw,76px);min-width:40px}
 .topnav>#communityButton::before,.topnav>[data-social-open]::before,.topnav>[data-open="bot"]::before,.topnav>[data-open="worldboss"]::before,.topnav>[data-open="pvp-list"]::before,.topnav>#keybindButton::before,#accountMenu>summary::before{width:clamp(26px,2vw,38px);height:clamp(26px,2vw,38px)}
 #worldBossStatus{top:auto;bottom:120px;left:50%;transform:translateX(-50%);background:#1d1428f5;border-color:#fa829c}
}
@media(max-width:1200px),(max-height:600px) and (max-width:1200px){
 .menu-open .topnav>#communityButton::before,.menu-open .topnav>[data-social-open]::before,.menu-open .topnav>[data-open="bot"]::before,.menu-open .topnav>[data-open="worldboss"]::before,.menu-open .topnav>[data-open="pvp-list"]::before,.menu-open .topnav>#keybindButton::before{display:inline-block;width:28px;height:28px;margin:0 8px 0 0;vertical-align:middle}
 #accountMenu>summary{flex-direction:row;gap:8px}#accountMenu>summary::before{width:28px;height:28px;margin:0}
}

.topnav>#communityButton::before{background-position:33.333333% 0%}

/* Individually authored semantic icons: no shared atlas slots. */
.topnav>[data-social-open="party"]::before{background-image:url("assets/menu-icons-v3/party.svg");background-size:contain;background-position:center;}
.topnav>[data-social-open="guild"]::before{background-image:url("assets/menu-icons-v3/guild.svg");background-size:contain;background-position:center;}
.topnav>[data-open="bot"]::before{background-image:url("assets/menu-icons-v3/bot.svg");background-size:contain;background-position:center;}
.topnav>#keybindButton::before{background-image:url("assets/menu-icons-v3/keyboard.svg");background-size:contain;background-position:center;}
#accountMenu>summary::before{background-image:url("assets/menu-icons-v3/account.svg");background-size:contain;background-position:center;}
.topnav>[data-open="pvp-list"]::before{background-image:url("assets/menu-icons-v3/pvp.svg");background-size:contain;background-position:center;}
.topnav>[data-open="worldboss"]::before{background-image:url("assets/menu-icons-v3/worldboss.svg");background-size:contain;background-position:center;}
.topnav>#communityButton::before{background-image:url("assets/menu-icons-v3/community.svg");background-size:contain;background-position:center;}