.toh-main-menu{--menu-accent:#D9BE69;--menu-ink:#101919;}
.toh-main-menu[data-mode="dmz"]{--menu-accent:#79CDBD;}
.toh-menu-link{color:var(--menu-accent);}
.toh-menu-link[aria-current="page"],.toh-menu-link[aria-selected="true"],.toh-menu-link[data-selected="true"]{background:var(--menu-accent);color:var(--menu-ink);}
.toh-menu-icon{display:inline-block;flex:none;width:36px;height:36px;background:currentColor;mask:var(--menu-icon) center/contain no-repeat;-webkit-mask:var(--menu-icon) center/contain no-repeat;}
/* Set --menu-icon:url('/art/menu/log-match.svg') per item. Inline SVG can inherit color directly; external <img> SVG does not inherit host currentColor. Keep visible labels and hide decorative icons with aria-hidden=true. */
.toh-menu-icon--log-match{--menu-icon:url('./log-match.svg');}
.toh-menu-icon--log-raid{--menu-icon:url('./log-raid.svg');}
.toh-menu-icon--create-a-class{--menu-icon:url('./create-a-class.svg');}
.toh-menu-icon--armory{--menu-icon:url('./armory.svg');}
.toh-menu-icon--progression{--menu-icon:url('./progression.svg');}
.toh-menu-icon--dmz{--menu-icon:url('./dmz.svg');}
.toh-menu-icon--multiplayer{--menu-icon:url('./multiplayer.svg');}
.toh-menu-icon--system{--menu-icon:url('./system.svg');}