/* SPERRZONE / EXCLUSION ZONE · Wasteland / Industrial · V4
   Original 2026 navigation hierarchy and video layout remain intact. */
:root {
  --rust-orange:#e32d21;
  --rust-orange-bright:#ff4030;
  --rust-dark:#090909;
  --rust-panel:rgba(13,13,13,.83);
  --rust-line:rgba(187,187,180,.24);
  --rust-white:#e6e5e1;
  --rust-muted:#a4a29a;
  --hazard:repeating-linear-gradient(116deg,#ed2a1c 0 10px,#101010 10px 21px);
}
html {background:#080808;}
body {background:#080808;color:#e7e5e1;}
.background-video{opacity:1;filter:saturate(.91) contrast(1.05) brightness(.87);}
.cinematic-overlay {background:
  linear-gradient(90deg,rgba(5,6,7,.86) 0%,rgba(6,7,8,.64) 25%,rgba(6,7,8,.14) 53%,rgba(5,6,7,.16) 83%,rgba(5,6,7,.38) 100%),
  linear-gradient(0deg,rgba(0,0,0,.80) 0%,transparent 40%,rgba(0,0,0,.10) 74%,rgba(0,0,0,.38) 100%);}
.vignette{box-shadow:inset 0 0 110px 12px rgba(0,0,0,.55);}
.grain{opacity:.046;}
::selection{background:#e12b20;color:#fff;}
:focus-visible{outline:2px solid #fe4c36 !important;outline-offset:3px;}
/* Original fixed HUD — merely update its steel, scratched edge and small branding. */
.hud-top{
 background:linear-gradient(180deg,rgba(17,17,17,.93),rgba(9,10,10,.88));
 border-bottom:2px solid #8b201a;box-shadow:0 5px 17px #0008,inset 0 1px #8a787335;
 backdrop-filter:blur(8px);}
.hud-top::after{position:absolute;bottom:0;left:0;right:0;content:"";height:2px;background:var(--hazard);opacity:.56;pointer-events:none;}
.mini-brand{flex-basis:235px;max-width:235px;gap:11px;}
.mini-brand-icon{width:38px;height:38px;flex-basis:38px;background:none;transform:none;box-shadow:0 0 14px #fa251f22;overflow:visible;}
.mini-brand-icon img{display:block;width:100%;height:100%;object-fit:contain;}
.mini-brand strong{font-family:Impact,'Arial Black','Arial Narrow',sans-serif;color:#eee9e4;font-size:clamp(14px,1.5vw,19px);letter-spacing:.065em;line-height:1.05;}
.mini-brand small{font-size:7px;color:#ec3426;letter-spacing:.19em;margin-top:4px;}
.hud-server{background:#0d0e0dc9;border:1px solid #6c514655;padding:8px 14px;letter-spacing:.11em;}
.hud-button{color:#e8e1d8;background:linear-gradient(150deg,#252422dd,#0d0d0ddf);border:1px solid #675953;min-height:37px;padding:9px 12px;font-weight:900;}
.hud-button:hover,.sound-button[aria-pressed="true"]{border-color:#f23c2c;background:linear-gradient(125deg,#682016,#171211);color:#fff;}
.hud-button-accent{background:linear-gradient(115deg,#b82a1f,#521711);border-color:#e33223;}
.sound-button{font-size:10px;white-space:nowrap;min-width:75px;}
/* small Wasteland launch bulletin remains in the EXACT original location */
.pvpve-launch,.pvpve-launch.is-live {top:76px;min-height:59px;max-height:66px;
  border-top:0;border-bottom:1px solid #b73225cc;
  background:linear-gradient(93deg,rgba(15,15,15,.95),rgba(23,18,17,.86) 45%,rgba(13,13,13,.93));
  box-shadow:0 8px 28px #0007;}
.pvpve-launch-content{min-height:57px;padding:6px 0;gap:12px;}
.pvpve-launch-glow,.pvpve-launch-noise{opacity:.13;}
.pvpve-launch-alert{gap:8px;}
.pvpve-radiation{animation:none!important;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1px;background:transparent;box-shadow:none;border:0;}
.pvpve-radiation img{width:38px;height:38px;object-fit:contain;}
.pvpve-launch-copy strong{font-size:clamp(12px,1.1vw,17px);letter-spacing:.04em;color:#f0ede8;}
.pvpve-launch-copy > span:last-child{font-size:8px;color:#a6a4a0;}
.pvpve-launch-date{display:none;}
.pvpve-launch-alert strong{color:#f03b2d !important;}
.pvpve-launch-connect{padding:6px 15px;min-height:37px;border:1px solid #a82b24!important;background:#0b0b0bc9;}
.pvpve-launch-connect code{font-size:clamp(10px,1vw,13px);}
.pvpve-hazard-line{height:3px;background:var(--hazard)!important;animation:none!important;}
/* Keep original centered game-menu: no extra hero boxes or server card grid. */
@media(min-width:901px){
  .menu-shell{padding-top:156px;grid-template-columns:minmax(320px,var(--menu-width)) minmax(0,1fr);gap:clamp(26px,4vw,80px);}
  .main-menu{max-height:calc(100vh - 170px);padding-top:8px;}
}
.server-edition{color:#f84a3c;font-weight:900;letter-spacing:.19em;font-size:10px;margin-bottom:9px;}
.hero-logo{width:100%;max-width:520px;margin-bottom:23px;}
.hero-logo-top{font-size:10px;letter-spacing:3px;color:#ddd6d0;display:flex;align-items:center;gap:10px;font-weight:900;}
.hero-kicker-light{display:inline-block;width:9px;height:9px;flex-shrink:0;background:#ff3d2d;box-shadow:0 0 15px #ef332a;}
.hero-logo-art{display:flex;align-items:center;gap:13px;min-width:0;margin-top:12px;max-width:100%;}
.hero-symbol{width:clamp(53px,5.5vw,92px);height:clamp(53px,5.5vw,92px);object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 13px #de2b251c);}
.brand-wordmark{display:flex;min-width:0;align-items:center;flex:1;}
.brand-wordmark img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain;filter:drop-shadow(1px 2px 8px #0006);}
.wordmark-en{display:none!important;}
html[lang="en"] .wordmark-en{display:block!important;}
html[lang="en"] .wordmark-de{display:none!important;}
.hero-logo-sub{font-size:10px;color:#cbc7c3;letter-spacing:1.8px;margin-top:13px;border-left:3px solid #e33226;padding-left:10px;}
.menu-list{width:100%;max-width:490px;}
.menu-entry{border-bottom:1px solid #76665a38;background:linear-gradient(90deg,rgba(14,14,14,.66),rgba(16,16,16,.32) 72%,transparent);}
.menu-entry:hover,.menu-entry:focus-visible{background:linear-gradient(90deg,rgba(172,39,29,.57),rgba(35,18,14,.66) 60%,rgba(15,15,15,.14));}
.menu-entry:before{background:#e23022;}
.menu-entry.primary-entry{border-left:3px solid #e63224;background:linear-gradient(90deg,rgba(125,29,23,.45),rgba(12,12,12,.33) 75%);}
.menu-entry.primary-entry:hover{background:linear-gradient(90deg,rgba(210,42,29,.55),rgba(15,15,15,.28));}
.menu-entry small{color:#afaaa4;}
.menu-separator{background:var(--hazard);height:4px;opacity:.62;max-width:185px;}
.home-news{width:min(610px,100%);}
.news-label{color:#dddad4;letter-spacing:.24em;}
.featured-card{border:1px solid #8d766a83;border-left:4px solid #a6271c;background:linear-gradient(110deg,rgba(12,12,12,.84),rgba(10,11,11,.60));box-shadow:0 10px 40px #0006;min-height:229px;padding:30px 31px;}
.featured-card::after{content:"";background:url('assets/branding/sperrzone-emblem-transparent.png') center / contain no-repeat;width:200px;height:200px;right:-30px;top:-31px;bottom:auto;opacity:.13;transform:none;}
.featured-badge,.launch-tag{background:#c92d22;color:white;}
.featured-card h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(29px,2.6vw,42px);letter-spacing:.02em;line-height:1.05;}
.featured-card p{font-size:12px;color:#c1bdb9;}
.featured-meta{left:31px;right:31px;bottom:20px;}
.launch-announcement{border:1px solid #8d2b25 !important;background:linear-gradient(92deg,rgba(61,21,18,.76),rgba(14,14,14,.78)) !important;min-height:61px;}
.launch-announcement::before{content:"";background:url('assets/branding/radiation-mark.png') center/contain no-repeat;width:65px;height:65px;opacity:.26;right:18px;color:transparent;}
.launch-announcement::after{background:var(--hazard);height:3px;}
.launch-copy strong{font-size:clamp(11px,1.05vw,15px);}
.home-status-grid{background:rgba(10,10,10,.73);border:1px solid #65504774;border-top:0;}
.home-status-grid article{padding:14px 12px;}
.home-status-grid strong{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.04em;}
.hud-bottom{background:linear-gradient(0deg,#0c0c0cf7,#111111bf);border-top:1px solid #7d2b216b;}
.hud-key{border-color:#60534c;}
/* Modal panels: original navigation and panels; only textures recolored. */
.panel-backdrop{background:#0009;}
.game-panel{border-left:3px solid #ba281e;background:linear-gradient(145deg,#222120,#111212 28%,#0c0d0d 85%);box-shadow:-24px 0 65px #000a;}
.game-panel:before{content:"";position:absolute;top:0;right:0;width:150px;height:7px;background:var(--hazard);pointer-events:none;}
.panel-header{background:linear-gradient(110deg,#291916,#111313);border-color:#695550;}
.panel-kicker{color:#f34334;}
.panel-close:hover{background:#bc2c21;}
.panel-footer{background:#111211;border-color:#5a4842;}
.orange-rule{background:#df3325;}
.server-browser-card,.server-overview-card,.news-item,.event-grid article,.store-card,.feature-list article,.rules-list details{border-color:#5d554d;background:linear-gradient(125deg,#232220,#101212 58%,#181515);}
.server-browser-image{background:linear-gradient(112deg,rgba(15,15,15,.91),rgba(15,15,15,.52)),url('assets/branding/sperrzone-emblem-transparent.png') 89% 45%/240px no-repeat;}
.rust-button-primary,.featured-badge,.official-tag{background:linear-gradient(130deg,#ec3425,#921c15);}
.toast{border:1px solid #f74f3f;background:#a9251e;color:#fff;}
.loading-screen{background:#070707;}
.loading-brand strong{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.03em;font-size:clamp(50px,9vw,90px);}
.loading-track i{background:#e32e21;}
/* Secondary RankEval / legal pages are kept; visual treatment matches home */
.legal-body,.sz-rank-page{background:radial-gradient(circle at 75% 25%,#35221e,#0a0b0b 66%)!important;overflow-y:auto;}
.legal-topbar{height:78px;padding:0 clamp(15px,4vw,78px);display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:3px solid #cc3224;background:linear-gradient(120deg,#242322,#0b0d0d);}
.legal-brand{display:flex;align-items:center;gap:12px;color:#eee9e4;text-decoration:none;font:900 clamp(18px,2vw,26px) Impact,'Arial Narrow',sans-serif;}
.legal-brand img{height:50px;width:50px;object-fit:contain;}
.legal-shell{width:min(1040px,94vw);margin:42px auto 65px;background:linear-gradient(135deg,#252322,#0f1111 60%);padding:clamp(22px,5vw,50px);border:1px solid #6f5951;box-shadow:0 25px 80px #0008;}
.legal-shell:before{content:"";display:block;width:190px;height:5px;margin:-5px 0 26px;background:var(--hazard);}
.legal-shell h1{font:900 clamp(34px,5vw,69px) Impact,'Arial Narrow',sans-serif;color:#eeeae6;}
.legal-shell h2{font:900 25px Impact,'Arial Narrow',sans-serif;color:#f0eae7;border-left:3px solid #e9362a;padding-left:11px;}
.legal-shell p{color:#ccc5c0;font:400 15px/1.7 Arial,sans-serif;text-transform:none;}
.legal-content[hidden]{display:none;}
.legal-back{color:#ed392a;}
.sz-rank-header{border-bottom:3px solid #ac241a!important;background:#151615!important;}
.sz-rank-header .mini-brand-icon{background:transparent!important;transform:none!important;}
.sz-rank-header .mini-brand-icon img{width:100%;height:100%;object-fit:contain;}
.sz-rank-header .mini-brand strong{font-size:18px!important;}
.sz-rank-page .cinematic-overlay{opacity:.7;}
/* Responsive: original menu entries remain in same order. */
@media(max-width:1150px){.pvpve-launch-countdown{display:none;}.pvpve-launch-content{grid-template-columns:auto minmax(0,1fr) auto;}}
@media(max-width:900px){
 body{overflow-y:auto;}
 .pvpve-launch,.pvpve-launch.is-live{min-height:55px;max-height:70px;}
 .pvpve-launch-content{width:calc(100% - 24px);padding:6px 0;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;}
 .pvpve-launch-copy > span:last-child{display:none;}
 .pvpve-launch-connect{min-width:0;grid-column:auto;width:auto;padding:7px 11px;}
 .pvpve-launch-connect b,.pvpve-launch-connect span{display:none;}
 .pvpve-radiation{width:34px;height:34px;}
 .pvpve-launch-alert div{display:none;}
 .menu-shell{padding-top:157px;}
 .main-menu{max-height:none;}
 .hero-logo{max-width:520px;}
 .home-news{max-width:620px;}
}
@media(max-width:600px){
 .hud-top{height:65px;gap:7px;}
 .mini-brand{flex:0 1 auto;max-width:none;gap:5px;}
 .mini-brand-icon{width:32px;height:32px;flex-basis:32px;}
 .mini-brand strong{font-size:clamp(11px,3.6vw,16px);letter-spacing:0;}
 .mini-brand small{display:none;}
 .hud-actions{gap:5px;}
 .hud-button{font-size:9px;padding:8px;min-height:32px;}
 .hud-button-accent{display:none;}
 .sound-button{min-width:53px;}
 .pvpve-launch,.pvpve-launch.is-live{top:65px;min-height:49px;max-height:61px;}
 .pvpve-launch-content{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;min-height:48px;width:calc(100% - 16px);}
 .pvpve-launch-copy strong{font-size:clamp(9px,3vw,12px);line-height:1.2;}
 .pvpve-radiation,.pvpve-radiation img{width:30px;height:30px;}
 .pvpve-launch-connect{padding:6px;border-color:#bd3426;}
 .pvpve-launch-connect code{font-size:clamp(8px,2.2vw,11px);}
 .menu-shell{padding:143px 19px 76px;}
 .server-edition{font-size:8px;letter-spacing:1.6px;}
 .hero-logo{margin-bottom:18px;}
 .hero-logo-top{font-size:9px;letter-spacing:1.8px;}
 .hero-logo-art{gap:10px;margin-top:10px;}
 .hero-symbol{width:57px;height:57px;}
 .hero-logo-sub{font-size:8px;letter-spacing:.9px;margin-top:10px;}
 .menu-entry{min-height:40px;}
 .menu-entry > span:not(.menu-arrow){font-size:21px;}
 .home-news{display:none;}
 .brand-wordmark img{max-height:80px;}
 .legal-topbar{height:65px;}
 .legal-brand img{width:34px;height:34px;}
 .legal-shell{margin:22px auto 40px;}
}
@media(max-width:380px){.mini-brand-icon{display:none;}.pvpve-launch-copy strong{font-size:9px;}}
@media(prefers-reduced-motion:reduce){.pvpve-launch-glow,.pvpve-radiation,.pvpve-hazard-line{animation:none!important;}}

/* Real transparent original logo, also in the compact HUD. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.mini-wordmark{display:block;width:100%;max-width:200px;}
.mini-wordmark img{display:block;width:auto;height:auto;max-height:30px;max-width:100%;object-fit:contain;}
@media(max-width:600px){.mini-wordmark{max-width:140px;}.mini-wordmark img{max-height:22px;}}
@media(max-width:340px){.mini-wordmark{max-width:118px;}}


/* V6 – echte Rust-Schrift (Ben Kohan) ausschließlich für originale Hauptmenüpunkte.
   Der Nutzer kopiert seine Rust.ttf nach assets/fonts/Rust.ttf; keine Web-CDN-Abhängigkeit. */
@font-face {
  font-family: "SPERRZONE Rust";
  src: url("assets/fonts/Rust.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.menu-entry > span:not(.menu-arrow),
.menu-entry-small > span:not(.menu-arrow) {
  font-family: "SPERRZONE Rust", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
  font-weight: 400 !important;
  font-synthesis: none;
  text-transform: uppercase;
  letter-spacing: .035em !important;
  line-height: 1.03;
  color: #f1ede8;
  text-shadow: 0 2px 1px #000d, 0 0 14px #e230221f;
}
.menu-entry > span:not(.menu-arrow) {
  font-size: clamp(25px, 1.8vw, 30px) !important;
}
.menu-entry-small > span:not(.menu-arrow) {
  font-size: clamp(19px, 1.3vw, 22px) !important;
  color: #d7d2cc !important;
}
.menu-entry small {
  font-family: "Arial Narrow", Arial, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase;
  color: #bdb7af !important;
}
.menu-entry:hover > span:not(.menu-arrow),
.menu-entry:focus-visible > span:not(.menu-arrow),
.menu-entry.active > span:not(.menu-arrow) {
  color: #fff;
  text-shadow: 0 2px 1px #000e, 0 0 16px #ff4a584e;
}
@media (max-width: 600px) {
  .menu-entry > span:not(.menu-arrow) {
    font-size: 22px !important;
    letter-spacing: .02em !important;
  }
  .menu-entry-small > span:not(.menu-arrow) {
    font-size: 19px !important;
    letter-spacing: .02em !important;
  }
}