/* Update 2.9.0: separate right-hand Chat and TeamSpeak panels */
.dw-external-widget{display:flex;flex-direction:column;gap:8px;min-width:0}
.dw-widget-link{display:block;text-align:center;text-decoration:none;padding:10px 5px;border:1px solid #36b6ff;border-radius:5px;color:#e8faff;background:linear-gradient(100deg,#101846,#302069);overflow-wrap:anywhere}
.dw-widget-link:hover{filter:brightness(1.2)}
.dw-external-widget iframe{width:100%;height:320px;border:1px solid #486cff;border-radius:5px;background:#0b0b22}

/* 3.0.0 – header, navigation and footer coordinated with design reference */
.wrap {max-width:1200px;}
.wrap > .header {height:auto!important;aspect-ratio:1024 / 288;background-image:url('header_v21.jpg')!important;background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
.wrap > .nav {display:flex!important;align-items:stretch!important;justify-content:center!important;flex-wrap:wrap!important;gap:3px!important;margin:0 0 12px!important;padding:7px 10px!important;border:2px solid #db48ef!important;border-radius:14px!important;background:linear-gradient(180deg,#160a35,#030716 75%)!important;box-shadow:inset 0 0 12px #742bd5,0 0 14px #9024da!important;}
.wrap > .nav a {display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:9px 12px!important;border:1px solid #29c8ff!important;border-radius:2px!important;background:linear-gradient(180deg,#152b59,#040716 75%)!important;box-shadow:inset 0 0 7px #1671d0,0 0 7px #0768e8!important;color:#fff!important;font-size:12px!important;font-weight:bold!important;text-transform:uppercase!important;text-decoration:none!important;transition:background .2s,box-shadow .2s!important;}
.wrap > .nav a:hover,.wrap > .nav a:focus-visible {background:linear-gradient(180deg,#273c88,#081c41)!important;box-shadow:0 0 14px #00c9ff!important;}
.wrap > .footer {display:flex!important;align-items:flex-end!important;justify-content:center!important;min-height:0!important;height:auto!important;aspect-ratio:1024 / 190!important;margin:12px 0 0!important;padding:0 12px 7px!important;border:0!important;border-radius:0!important;background:url('footer_v21.jpg') center center/100% 100% no-repeat!important;box-shadow:none!important;color:#e8e2ff!important;font-size:11px!important;text-align:center!important;position:relative!important;}
.wrap > .footer a{color:#bde9ff!important}
@media(max-width:750px){.wrap > .nav{padding:5px!important;gap:3px!important}.wrap > .nav a{min-height:34px!important;padding:7px!important;font-size:10px!important}.wrap > .footer{font-size:9px!important}}

/* 3.1.0: wider desktop layout, complete uncropped header/footer artwork */
@media (min-width:1250px){
  body .wrap{width:calc(100% - 80px)!important;max-width:1580px!important;margin-left:auto!important;margin-right:auto!important;padding-left:10px!important;padding-right:10px!important}
  body .wrap .columns{grid-template-columns:minmax(195px,0.20fr) minmax(0,1fr) minmax(205px,0.22fr)!important;gap:16px!important}
}
@media (min-width:1650px){body .wrap{width:calc(100% - 110px)!important;max-width:1680px!important}}
/* Never use cover: the wolf heads and artwork must remain completely visible */
body .wrap > .header{width:100%!important;aspect-ratio:1024/288!important;height:auto!important;min-height:0!important;background-image:url('header_v21.jpg')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
body .wrap > .footer{width:100%!important;aspect-ratio:1024/190!important;height:auto!important;min-height:0!important;background-image:url('footer_v21.jpg')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;padding:0 8px 5px!important;overflow:visible!important}
@media (max-width:1249px){body .wrap{max-width:1200px!important}}

/* Recovery 1000: keep wide layout and restore footer artwork */
body .wrap > .footer{background:#030514!important;aspect-ratio:auto!important;min-height:0!important;height:auto!important;padding:0 0 12px!important;border-top:1px solid #315dff!important;overflow:hidden!important;background-image:none!important;text-align:center!important}
body .wrap > .footer .footer-art{display:block;width:100%;aspect-ratio:1024/190;background:url('footer-original.png') center / contain no-repeat}
body .wrap > .footer .footer-legal{font-size:12px;padding:9px;color:#aac8ed}
/* Side animations remain visible outside the wider site container */
@media(min-width:1151px){body .dw-side{width:max(0px,calc((100vw - min(1680px, 100vw - 110px))/2))!important}}

/* 1001.0.0 – ONLY footer width/alignment; retain all existing layout and functions */
body .wrap > footer.footer{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin:12px 0 0!important;padding:0!important;background:#030514!important;background-image:none!important;overflow:hidden!important;}
body .wrap > footer.footer > .footer-art{display:block!important;flex:none!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:1024 / 190!important;background-image:url('footer-original.png')!important;background-position:center center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;margin:0!important;padding:0!important;}
body .wrap > footer.footer > .footer-legal{display:block!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;margin:0!important;padding:9px 8px!important;font-size:12px!important;background:#030514!important;color:#aac8ed!important;}