/* Only the global navigation, clan-menu artwork and statistics frame. */
.global.exact-topbar.reference-topbar{
 display:grid;grid-template-columns:226px minmax(0,1fr) 56px auto;
 align-items:center;gap:24px;padding:0 30px;height:64px;min-height:0;aspect-ratio:auto;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238b8377' filter='url(%23n)' opacity='.07' d='M0 0h160v100H0z'/%3E%3C/svg%3E"),linear-gradient(110deg,#e9e7e3,#e5e3df 55%,#eae8e5);
 background-color:#e7e5e1;
 border-top:1px solid #d5d2cc;border-bottom:3px solid #893629;
 box-shadow:inset 0 -1px #e1b264,0 1px #bb914c;
}
/* Reuse the complete logo from the archived reference, without redrawing. */
.reference-logo{display:block;width:226px;height:52px;overflow:hidden}
.reference-logo-art{display:block;width:226px;height:52px;background:url('header-reference.jpg') -27px -1px/1442.4px 1536px no-repeat;clip-path:none;transform:none;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 4px,#000 calc(100% - 6px),transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 4px,#000 calc(100% - 6px),transparent);-webkit-mask-composite:source-in}
.reference-logo:after{content:none}
.global.exact-topbar.reference-topbar nav{
 position:static;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:0;padding:0;min-width:0;
}
.global.exact-topbar.reference-topbar nav>a,
.global.exact-topbar.reference-topbar nav>a:first-child{
 position:relative;inset:auto;width:auto;height:auto;min-height:44px;flex:0 0 auto;
 display:flex;align-items:center;justify-content:center;padding:0 20px!important;
 font:400 15px/1.2 Arial,Helvetica,sans-serif;text-transform:uppercase;white-space:nowrap;
 color:#682825!important;text-shadow:0 1px #fff5;background:none!important;box-shadow:none;
 border:0!important;
}
.global.exact-topbar.reference-topbar nav>a:first-child:before{content:none}
.global.exact-topbar.reference-topbar nav>a:not(:last-child):after{content:'';position:absolute;right:0;top:50%;height:22px;transform:translateY(-50%);border-right:1px solid #c6c2bb;box-shadow:1px 0 #fff6}
.global.exact-topbar.reference-topbar nav>a:hover{color:#9b1119!important;background:#a68a5a0c!important}
.reference-search{display:flex;align-items:center;justify-content:center;width:56px;min-height:44px;position:relative;color:#752a26}
.reference-search:after{content:'';position:absolute;right:0;height:28px;border-right:1px solid #b8b1a9;box-shadow:1px 0 #fff9}
.reference-search svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;filter:drop-shadow(0 1px 0 #fff)}
.global.exact-topbar.reference-topbar .v2-auth{position:relative;inset:auto;width:auto;height:auto;min-height:44px;padding:0;gap:22px;border:0;background:transparent;justify-content:flex-end}
.reference-topbar .v2-auth .v2-login-open,.reference-topbar .v2-auth summary{font:400 16px/1.3 Arial,sans-serif;color:#682825}
.reference-topbar .v2-auth .v2-register{min-width:180px;text-align:center;padding:9px 24px;font:400 16px/1.3 Arial,sans-serif;background:linear-gradient(#ae141a,#790408);border:1px solid #ad8a56;border-radius:3px;box-shadow:inset 0 0 0 2px #e1bd8b55,0 1px 1px #55331d33;color:#fff}
.reference-topbar .v2-account-menu{min-width:150px}
.reference-topbar .v2-account-links{right:0}

/* Eight separate, supplied transparent PNGs; original proportions preserved. */
.menu a>.clan-menu-icon{display:block;flex:0 0 36px;width:36px;height:36px;object-fit:contain}
.menu a{gap:10px}

/* The right-hand news panel keeps its own content-driven height. */
@media(min-width:701px){
 .columns{align-items:start}
 .columns>.left{align-self:stretch;min-height:0}
 .columns>.left>.menu{flex:none}
 .clan-stats-column{display:flex;flex:1;flex-direction:column;min-height:0}
 .clan-stats-column>.clan-statistics{flex:1}
}
@media(max-width:1500px){
 .global.exact-topbar.reference-topbar{grid-template-columns:210px minmax(0,1fr) 46px auto;gap:10px;padding-inline:18px}
 .reference-logo{width:210px;height:48px}.reference-logo-art{width:210px;height:48px;background-size:1322.2px 1408px;background-position:-25px 0}
 .global.exact-topbar.reference-topbar nav>a,.global.exact-topbar.reference-topbar nav>a:first-child{padding-inline:14px!important;font-size:14px}
 .reference-search{width:46px}.global.exact-topbar.reference-topbar .v2-auth{gap:16px}
 .reference-topbar .v2-auth .v2-register{min-width:156px;padding-inline:20px;font-size:15px}
}
@media(max-width:1200px){
 .global.exact-topbar.reference-topbar{grid-template-columns:180px minmax(0,1fr) 40px auto;gap:6px;padding-inline:12px}
 .reference-logo{width:180px;height:43px}.reference-logo-art{width:180px;height:43px;background-size:1141.9px 1216px;background-position:-22px 0}
 .global.exact-topbar.reference-topbar nav>a,.global.exact-topbar.reference-topbar nav>a:first-child{padding-inline:8px!important;font-size:13px}
 .reference-search{width:40px}.global.exact-topbar.reference-topbar .v2-auth{gap:10px}
 .reference-topbar .v2-auth .v2-register{min-width:130px;padding-inline:12px}.reference-topbar .v2-auth .v2-login-open{font-size:14px}
}
@media(max-width:1050px){
 .global.exact-topbar.reference-topbar{grid-template-columns:minmax(0,1fr) 44px auto;height:auto;padding:6px 12px 0;gap:0 10px}
 .reference-logo{grid-column:1;grid-row:1}.reference-search{grid-column:2;grid-row:1;width:44px}
 .global.exact-topbar.reference-topbar .v2-auth{grid-column:3;grid-row:1}
 .global.exact-topbar.reference-topbar nav{grid-column:1/-1;grid-row:2;justify-content:center;flex-wrap:wrap}
 .global.exact-topbar.reference-topbar nav>a,.global.exact-topbar.reference-topbar nav>a:first-child{padding-inline:12px!important;font-size:13px;flex-basis:auto}
}
@media(max-width:700px){
 .clan-stats-column{display:block;flex:none}.clan-statistics{height:auto;min-height:0}
 .menu a>.clan-menu-icon{flex-shrink:0}.menu a{gap:8px;padding-inline:4px}.menu span{min-width:0}
}
@media(max-width:480px){
 .global.exact-topbar.reference-topbar{grid-template-columns:minmax(0,1fr) 44px;padding:5px 8px 0;gap:0 4px}
 .reference-logo{width:180px}.reference-search{grid-column:2}
 .global.exact-topbar.reference-topbar .v2-auth{grid-column:1/-1;grid-row:2;justify-content:center;gap:22px;padding-bottom:4px}
 .global.exact-topbar.reference-topbar nav{grid-row:3}
 .global.exact-topbar.reference-topbar nav>a,.global.exact-topbar.reference-topbar nav>a:first-child{font-size:12px;padding-inline:9px!important}
}