/* ManiaGrania shared navigation & identity, 2026-10-24 */
:root{--mg-nav-height:76px}
.mg-global-logo{display:inline-flex!important;align-items:center!important;gap:11px!important;flex:0 0 auto!important;min-width:0!important;text-decoration:none!important;white-space:nowrap!important;line-height:1!important;color:#f3f6ff!important;position:relative;z-index:1}
.mg-global-logo__emblem{width:47px;height:47px;flex:none;display:grid;place-items:center;border-radius:14px;background:linear-gradient(140deg,#ffae44,#ff791d);box-shadow:0 0 19px #ff851e35;color:#111c30;transition:box-shadow .3s ease,transform .3s ease}
.mg-global-logo__svg{width:39px;height:39px;overflow:visible}
.mg-global-logo__storm{transform-origin:32px 32px;opacity:.55;transition:opacity .2s ease}
.mg-global-logo__ring{transform-origin:32px 32px;transition:transform 1.1s ease}
.mg-global-logo:hover .mg-global-logo__storm,.mg-global-logo:focus-visible .mg-global-logo__storm{animation:mg-storm 1.25s cubic-bezier(.2,.7,.2,1) both;opacity:1}
.mg-global-logo:hover .mg-global-logo__ring,.mg-global-logo:focus-visible .mg-global-logo__ring{transform:rotate(-110deg)}
.mg-global-logo:hover .mg-global-logo__emblem,.mg-global-logo:focus-visible .mg-global-logo__emblem{box-shadow:0 0 25px #ff8c33a6,0 0 0 2px #ffc37666;transform:scale(1.04)}
@keyframes mg-storm{0%{transform:rotate(0deg) scale(.9)}70%{transform:rotate(620deg) scale(1.12)}100%{transform:rotate(720deg) scale(1)}}
.mg-global-logo__wordmark{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important}
.mg-global-logo__name{font-family:'Barlow Condensed',Impact,sans-serif!important;font-weight:900!important;font-size:clamp(21px,2vw,29px)!important;letter-spacing:-.5px!important;line-height:.95!important;display:block!important;white-space:nowrap!important}
.mg-global-logo__name>span{color:#ff982d}.mg-global-logo__domain{color:#f3f6ff!important}
.mg-global-logo__wordmark small{font-family:Inter,Arial,sans-serif!important;font-size:9px!important;letter-spacing:1.6px!important;color:#9fb1cf!important;font-weight:700!important;white-space:nowrap!important}
/* Header stays in document flow: no overlap with category or home hero. */
header.topnav,header.nav,.mg-v3-nav{position:relative!important;top:auto!important;inset:auto!important;transform:none!important;margin:0!important;z-index:30!important;height:auto!important;min-height:var(--mg-nav-height)!important;background:#0b1425!important;backdrop-filter:none!important;box-sizing:border-box!important}
header.topnav .navinner,header.nav .navrow{min-height:var(--mg-nav-height)!important;height:auto!important;display:flex!important;align-items:center!important;gap:clamp(10px,1.5vw,24px)!important}
header.topnav + main,header.nav + main{padding-top:20px!important}
header.topnav .navlinks a,header.nav .navright a{position:relative!important;transform:none!important;line-height:1.4!important;text-decoration:none!important;border-bottom:0!important}
header.topnav .navlinks a.active::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;background:#ff982d;border-radius:3px;pointer-events:none}
header.topnav .navlinks a.active{padding-bottom:0!important;box-shadow:none!important}
/* Prevent legacy two-line brand styles from altering the shared component. */
header .mg-global-logo__name,header .mg-global-logo__wordmark{width:auto!important;max-width:none!important}
@media(max-width:1050px){header.topnav .navinner,header.nav .navrow{flex-wrap:wrap!important;padding-top:10px!important;padding-bottom:10px!important}header.topnav .navlinks{flex-wrap:wrap!important}header.topnav .navlinks a.active::after{bottom:-4px}}
@media(max-width:560px){.mg-global-logo__emblem{width:40px;height:40px}.mg-global-logo__svg{width:34px;height:34px}.mg-global-logo__name{font-size:22px!important}.mg-global-logo__wordmark small{font-size:8px!important;letter-spacing:1px!important}}
@media(prefers-reduced-motion:reduce){.mg-global-logo__storm,.mg-global-logo__ring,.mg-global-logo__emblem{animation:none!important;transition:none!important}}