/* SAFE ZONE: independent homepage total-conversion; uses the supplied, individually cropped artwork. */
.sz-page[hidden],.sz-nav-brand,.sz-nav-social,.sz-login{display:none!important}
body.nw-site-theme-active[data-site-theme=safezone]{background:#110c09 url('../assets/safe-zone-compound.webp') center top / cover fixed no-repeat!important;color:#f5eee6!important}
body.nw-site-theme-active[data-site-theme=safezone]:before,body.nw-site-theme-active[data-site-theme=safezone]:after{display:none!important}
body[data-site-theme=safezone] #bg-image,body[data-site-theme=safezone] #bg-overlay,body[data-site-theme=safezone] #rain-canvas,body[data-site-theme=safezone] #lightning-flash,body[data-site-theme=safezone] .blob,body[data-site-theme=safezone] .halloween-fog,body[data-site-theme=safezone] .halloween-corner,body[data-site-theme=safezone] .kick-status-wrap,body[data-site-theme=safezone] .hero,body[data-site-theme=safezone] .feature-strip{display:none!important}
body[data-site-theme=safezone] .site-nav{position:relative!important;z-index:60!important;width:100%!important;max-width:none!important;margin:0!important;min-height:65px!important;padding:5px clamp(12px,2.5vw,42px)!important;display:flex!important;gap:clamp(5px,.75vw,15px)!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;background:#18100d url('../assets/safe-zone-nav.webp') center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;box-shadow:0 8px 22px #0008!important}
body[data-site-theme=safezone] .site-nav>.nav-brand{display:none!important}
body[data-site-theme=safezone] .site-nav>.sz-nav-brand{display:block!important;flex:0 1 260px;min-width:145px;height:55px;overflow:hidden}
body[data-site-theme=safezone] .sz-nav-brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
body[data-site-theme=safezone] .site-nav .nav-links{display:flex!important;flex:1 1 auto;min-width:0;gap:clamp(1px,.25vw,7px)!important;align-items:center;justify-content:center;flex-wrap:nowrap}
body[data-site-theme=safezone] .site-nav .nav-links a{display:inline-flex!important;white-space:nowrap!important;flex-shrink:0;padding:8px clamp(4px,.65vw,11px)!important;min-height:37px;color:#f2eae2!important;font:900 clamp(9px,.72vw,12px)/1.2 'Arial Narrow',Arial,sans-serif!important;text-transform:uppercase;border:1px solid transparent!important;border-radius:3px!important;background:none!important;box-shadow:none!important;clip-path:none!important;transform:none!important}
body[data-site-theme=safezone] .site-nav .nav-links a.active,body[data-site-theme=safezone] .site-nav .nav-links a:hover{background:linear-gradient(#713721bb,#31180fd9)!important;color:#ffd3b0!important;border-color:#79412a!important;box-shadow:none!important}
body[data-site-theme=safezone] .site-nav .nav-links a[style*="display: none"],body[data-site-theme=safezone] .site-nav .nav-links a[style*="display:none"]{display:none!important}
body[data-site-theme=safezone] .site-nav .sz-nav-social{display:flex!important;gap:clamp(5px,1vw,16px);align-items:center;flex:0 0 auto}
body[data-site-theme=safezone] .sz-nav-social a{display:inline-flex;gap:5px;align-items:center;white-space:nowrap;font:900 11px/1 Arial,sans-serif;color:#e9ded5;text-decoration:none}
body[data-site-theme=safezone] .sz-nav-social a:nth-child(1){color:#868afa}body[data-site-theme=safezone] .sz-nav-social a:nth-child(2){color:#ff6867}body[data-site-theme=safezone] .sz-nav-social a span{color:#eee9e3}
.sz-kick-icon{display:inline-grid;place-items:center;background:#54fc24;color:#061006;font:1000 12px/1 Arial,sans-serif;border-radius:2px;width:19px;height:19px}
body[data-site-theme=safezone] .site-nav .sz-login{display:flex!important;flex:0 0 auto;min-width:clamp(85px,9vw,142px);min-height:51px;align-items:center;justify-content:center;color:white;text-decoration:none;font:900 clamp(12px,.93vw,16px)/1 Arial,sans-serif;background:transparent url('../assets/safe-zone-login.webp') center/100% 100% no-repeat!important}
body[data-site-theme=safezone] main{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}
body[data-site-theme=safezone] #sz-total-conversion{display:block!important;position:relative;isolation:isolate;min-height:calc(100vh - 65px);margin:0!important;padding:0!important;width:100%;color:#f6eee3}
body[data-site-theme=safezone] #sz-total-conversion:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(7,5,4,.10) 30%,rgba(8,6,5,.35) 57%,rgba(8,6,5,.86) 90%,#0e0906 100%)}
#sz-total-conversion *,#sz-total-conversion *:before,#sz-total-conversion *:after{box-sizing:border-box}
#sz-total-conversion a{text-decoration:none;color:inherit}
#sz-total-conversion .sz-main{max-width:1640px;margin:auto;padding-bottom:18px;position:relative;z-index:1}
#sz-total-conversion .sz-hero{height:clamp(485px,35.2vw,555px);position:relative;display:flex;align-items:flex-end;justify-content:center;padding:18px 16px 18px}
#sz-total-conversion .sz-hero-copy{text-align:center;max-width:100%;text-shadow:0 3px 10px #000,0 0 25px #000}
#sz-total-conversion .sz-overline{font:700 clamp(10px,1.01vw,15px)/1.3 'Arial Narrow',Arial,sans-serif;color:#e3ac8b;letter-spacing:.18em;margin:0 0 5px}
#sz-total-conversion .sz-hero h1{font:1000 clamp(30px,3.55vw,56px)/1 'DejaVu Sans Condensed','Arial Narrow',Impact,sans-serif;color:#f8f5ef;letter-spacing:.012em;text-transform:uppercase;margin:0}
#sz-total-conversion .sz-strap{font:800 clamp(10px,1vw,16px)/1.4 Arial,sans-serif;color:#e6d9d2;letter-spacing:.14em;margin:6px 0 15px}
#sz-total-conversion .sz-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,2vw,26px)}
#sz-total-conversion .sz-action{display:flex;align-items:center;justify-content:center;gap:12px;min-width:clamp(230px,19.5vw,280px);height:58px;padding:12px 22px;color:#fff!important;text-shadow:0 2px 3px #000a;font:1000 clamp(12px,1vw,16px)/1 Arial,sans-serif;background-position:center;background-size:100% 100%;background-repeat:no-repeat;transition:filter .2s,transform .2s}
#sz-total-conversion .sz-action span{font-size:22px}#sz-total-conversion .sz-red{background-image:url('../assets/safe-zone-red.webp')}#sz-total-conversion .sz-green{background-image:url('../assets/safe-zone-green.webp')}#sz-total-conversion .sz-action:hover{filter:brightness(1.25);transform:translateY(-2px)}
#sz-total-conversion .sz-stats{width:min(1270px,calc(100% - 8vw));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1vw,16px);margin:0 auto 14px}
#sz-total-conversion .sz-stat{display:flex;gap:clamp(9px,1vw,15px);align-items:center;min-width:0;min-height:104px;padding:14px clamp(10px,1.5vw,22px);background:transparent center/100% 100% no-repeat;transition:filter .2s,transform .2s}
#sz-total-conversion .sz-stat:nth-child(1){background-image:url('../assets/safe-zone-stat-a.webp')}#sz-total-conversion .sz-stat:nth-child(2){background-image:url('../assets/safe-zone-stat-b.webp')}#sz-total-conversion .sz-stat:nth-child(3){background-image:url('../assets/safe-zone-stat-c.webp')}#sz-total-conversion .sz-stat:nth-child(4){background-image:url('../assets/safe-zone-stat-d.webp')}
#sz-total-conversion .sz-stat:hover{filter:brightness(1.2);transform:translateY(-2px)}
#sz-total-conversion .sz-stat-icon{display:grid;place-items:center;flex:0 0 clamp(30px,3vw,50px);font:900 clamp(25px,2.5vw,38px)/1 Arial,sans-serif;color:#e6a15f;filter:drop-shadow(0 2px 2px #000)}
#sz-total-conversion .sz-bars{letter-spacing:-.16em;font-size:clamp(20px,2.1vw,32px)}#sz-total-conversion .sz-status-light{color:#f33d36;text-shadow:0 0 11px #f33d36;animation:sz-status-blink 2.2s ease-in-out infinite}
#sz-total-conversion .sz-stat-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
#sz-total-conversion .sz-label{color:#d2c7bb;font:900 clamp(10px,.8vw,13px)/1.1 Arial,sans-serif;letter-spacing:.07em}
#sz-total-conversion .sz-stat strong{font:1000 clamp(17px,1.72vw,27px)/1.2 'DejaVu Sans Condensed',Impact,Arial,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f8f2eb}
#sz-total-conversion .sz-stat small{color:#e6b187;font:800 clamp(8px,.7vw,11px)/1.15 Arial,sans-serif}
#sz-total-conversion .sz-dashboard{width:min(1330px,calc(100% - 6vw));margin:0 auto;display:grid;grid-template-columns:1.02fr 1.35fr 1fr;gap:clamp(9px,1vw,16px)}
#sz-total-conversion .sz-box{height:184px;min-width:0;padding:15px 17px 12px;background:transparent center/100% 100% no-repeat;overflow:hidden}
#sz-total-conversion .sz-stream{background-image:url('../assets/safe-zone-stream.webp')}#sz-total-conversion .sz-race{background-image:url('../assets/safe-zone-race.webp')}#sz-total-conversion .sz-links{background-image:url('../assets/safe-zone-quick.webp')}
#sz-total-conversion .sz-box h2{font:950 clamp(10px,.86vw,14px)/1.3 Arial,sans-serif;color:#f0e9e0;letter-spacing:.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 12px}
#sz-total-conversion .sz-stream h2 .sz-kick-icon{margin-right:8px}
#sz-total-conversion .sz-stream-inner{display:flex;gap:12px;align-items:center;padding:3px 0}
#sz-total-conversion .sz-stream-thumb{flex:0 0 42%;min-width:0;height:96px;border-radius:3px;overflow:hidden;border:1px solid #645b52}
#sz-total-conversion .sz-stream-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 37%}
#sz-total-conversion .sz-stream-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
#sz-total-conversion .sz-stream-copy>strong{font:900 13px/1.2 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sz-total-conversion .sz-stream-copy>span{font:900 12px/1 Arial,sans-serif;color:#ea8062}#sz-total-conversion .sz-stream-copy>span.is-live{color:#8bff63}
#sz-total-conversion .sz-stream-copy>small{color:#bdb0a5;font-size:10px;white-space:nowrap}
#sz-total-conversion .sz-stream-copy>a{display:inline-block;align-self:flex-start;color:#fff!important;background:#4b1a70;border:1px solid #8b59a5;border-radius:3px;padding:8px 10px;white-space:nowrap;font:900 10px/1 Arial,sans-serif}
#sz-total-conversion .sz-race h2{color:#e4a17d}
#sz-total-conversion .sz-race-inner{text-align:center;margin:0 7px}
#sz-total-conversion .sz-race-inner>span{color:#ec8860;font:900 12px/1 Arial,sans-serif}
#sz-total-conversion .sz-race-inner>strong{display:block;font:1000 clamp(20px,2.35vw,36px)/1.2 'DejaVu Sans Condensed',Impact,sans-serif;letter-spacing:.035em;margin:5px 0 0;white-space:nowrap}
#sz-total-conversion .sz-clock-labels{display:grid;grid-template-columns:repeat(4,1fr);max-width:360px;margin:0 auto}
#sz-total-conversion .sz-clock-labels small{font:700 9px/1 Arial,sans-serif;color:#dcb38e}
#sz-total-conversion .sz-race-inner p{border-top:1px solid #5d392a;color:#ebbf84;margin:10px -6px 0;padding-top:9px;white-space:nowrap;font:900 clamp(10px,.8vw,13px)/1 Arial,sans-serif}
#sz-total-conversion .sz-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
#sz-total-conversion .sz-quick a{display:flex;align-items:center;gap:6px;min-width:0;min-height:42px;padding:8px;background:#292621e6;border:1px solid #655449;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:900 clamp(8px,.67vw,11px)/1.1 'Arial Narrow',Arial,sans-serif}
#sz-total-conversion .sz-quick a:hover{background:#633622}#sz-total-conversion .sz-quick a span{font-size:clamp(13px,1.1vw,19px)}
#sz-total-conversion .sz-footer{position:relative;min-height:86px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px clamp(18px,2.8vw,45px);background:#180e09da url('../assets/safe-zone-footer.webp') center/100% 100% no-repeat}
#sz-total-conversion .sz-footer-logo{display:block;flex:0 0 216px;width:216px;height:70px}#sz-total-conversion .sz-footer-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
#sz-total-conversion .sz-social{display:flex;gap:clamp(10px,3vw,48px);align-items:center;flex-wrap:wrap}
#sz-total-conversion .sz-social a{display:flex;align-items:center;gap:8px;color:#d6c7bb;font:900 clamp(9px,.74vw,12px)/1 Arial,sans-serif}
#sz-total-conversion .sz-social a:hover{color:#fff}#sz-total-conversion .sz-social b{font-size:20px}#sz-total-conversion .sz-youtube-icon{color:#fc5556}#sz-total-conversion .sz-discord-icon{color:#9792ff}#sz-total-conversion .sz-x-icon{color:#cda477}
#sz-total-conversion .sz-footer em{flex:0 0 166px;text-align:right;color:#b4a197;font:800 italic 13px/1.3 'Arial Narrow',Arial,sans-serif;transform:rotate(-7deg)}
body[data-site-theme=safezone] .site-footer{height:0!important;min-height:0!important;padding:0!important;margin:0!important}
body[data-site-theme=safezone] .site-footer .admin-trigger{position:fixed;right:10px;bottom:5px;z-index:100;opacity:.7;border:1px solid #564639;background:#1b1714;color:#edd5c2;font-size:10px;padding:4px 8px;border-radius:3px}
body[data-site-theme=safezone] .admin-modal-backdrop{z-index:300!important}
@keyframes sz-status-blink{0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:1300px){body[data-site-theme=safezone] .site-nav .sz-nav-social a span{display:none}body[data-site-theme=safezone] .site-nav .nav-links a{padding:8px 5px!important}#sz-total-conversion .sz-box{padding-left:12px;padding-right:12px}}
@media(max-width:1000px){body[data-site-theme=safezone] .site-nav{flex-wrap:wrap!important;justify-content:center!important}body[data-site-theme=safezone] .site-nav .sz-nav-brand{flex-basis:205px;height:46px}body[data-site-theme=safezone] .site-nav .nav-links{order:3;flex:0 0 100%;justify-content:center}body[data-site-theme=safezone] .site-nav .sz-login{min-height:40px}#sz-total-conversion .sz-hero{height:465px}#sz-total-conversion .sz-stats{grid-template-columns:repeat(2,minmax(0,1fr));width:min(710px,calc(100% - 28px))}#sz-total-conversion .sz-dashboard{width:min(710px,calc(100% - 28px));grid-template-columns:1fr 1fr}#sz-total-conversion .sz-links{grid-column:1/-1}#sz-total-conversion .sz-footer em{display:none}}
@media(max-width:650px){body.nw-site-theme-active[data-site-theme=safezone]{background-attachment:scroll!important;background-size:auto 850px!important}body[data-site-theme=safezone] .site-nav .sz-nav-social{display:none!important}body[data-site-theme=safezone] .site-nav .sz-nav-brand{flex:0 0 165px;height:44px}body[data-site-theme=safezone] .site-nav .nav-links a{font-size:9px!important;padding:8px 4px!important}#sz-total-conversion .sz-hero{height:440px}#sz-total-conversion .sz-hero h1{font-size:clamp(26px,8vw,43px)}#sz-total-conversion .sz-hero .sz-actions{gap:6px}#sz-total-conversion .sz-action{height:48px;min-width:0;width:min(285px,100%);font-size:12px}#sz-total-conversion .sz-stat{min-height:90px;padding:10px 9px;gap:7px}#sz-total-conversion .sz-stat-icon{flex-basis:26px;font-size:22px}#sz-total-conversion .sz-label{font-size:9px}#sz-total-conversion .sz-stat strong{font-size:clamp(14px,3.4vw,21px)}#sz-total-conversion .sz-stat small{font-size:8px}#sz-total-conversion .sz-dashboard{grid-template-columns:1fr}#sz-total-conversion .sz-box{height:180px}#sz-total-conversion .sz-links{grid-column:auto}#sz-total-conversion .sz-race-inner>strong{font-size:clamp(20px,6vw,34px)}#sz-total-conversion .sz-footer{flex-wrap:wrap;justify-content:center;padding:10px}#sz-total-conversion .sz-footer-logo{flex:0 0 175px;width:175px;height:55px}#sz-total-conversion .sz-social{width:100%;justify-content:center;gap:16px}}
@media(prefers-reduced-motion:reduce){#sz-total-conversion *,#sz-total-conversion *:before,#sz-total-conversion *:after{animation:none!important;transition:none!important}}

/* Final reference alignment: the supplied example uses a narrow, industrial title. */
body[data-site-theme=safezone] .sz-nav-brand{display:flex!important;flex-direction:column;align-items:center;justify-content:center}
body[data-site-theme=safezone] .sz-nav-brand img{height:43px;width:100%;object-fit:contain;object-position:left center}
body[data-site-theme=safezone] .sz-nav-brand small{align-self:flex-start;margin:-1px 0 0 63px;color:#e4ac8a;font:800 8px/1 Arial,sans-serif;letter-spacing:.1em;white-space:nowrap}
@media(min-width:1001px){#sz-total-conversion .sz-hero{height:clamp(491px,35.6vw,561px)}#sz-total-conversion .sz-hero h1{transform:scaleX(.73);white-space:nowrap}}
@media(max-width:650px){body[data-site-theme=safezone] .sz-nav-brand img{height:35px}body[data-site-theme=safezone] .sz-nav-brand small{margin-left:35px;font-size:7px}}
[data-site-theme-preset="safezone"][hidden]{display:none!important}

/* v5.5.14: match supplied Safe Zone reference proportions; no changes to admin/data logic. */
@media (min-width:1001px){
 body[data-site-theme=safezone] .site-nav{min-height:72px!important;padding:7px clamp(15px,2vw,35px)!important;gap:clamp(10px,1.2vw,20px)!important}
 body[data-site-theme=safezone] .site-nav>.sz-nav-brand{flex:0 0 clamp(220px,17vw,285px);height:59px!important;min-width:0!important}
 body[data-site-theme=safezone] .sz-nav-brand img{height:49px!important}
 body[data-site-theme=safezone] .site-nav .nav-links{gap:clamp(2px,.45vw,9px)!important}
 body[data-site-theme=safezone] .site-nav .nav-links a{font-size:clamp(10px,.77vw,13px)!important;padding:10px clamp(6px,.6vw,13px)!important;min-height:42px}
 body[data-site-theme=safezone] .site-nav .sz-login{min-height:57px;min-width:clamp(105px,8.3vw,147px)}
 #sz-total-conversion .sz-main{max-width:1920px!important}
 #sz-total-conversion .sz-hero{height:clamp(570px,43vw,730px)!important;padding-bottom:28px!important}
 #sz-total-conversion .sz-hero-copy{width:min(1100px,96%);}
 #sz-total-conversion .sz-hero h1{font-size:clamp(37px,3.15vw,60px)!important;transform:none!important;letter-spacing:-.03em!important}
 #sz-total-conversion .sz-overline{font-size:clamp(12px,.92vw,16px)!important}
 #sz-total-conversion .sz-strap{font-size:clamp(12px,.92vw,16px)!important;margin:8px 0 18px!important}
 #sz-total-conversion .sz-action{min-width:clamp(238px,18vw,300px)!important;height:62px!important;font-size:clamp(13px,.94vw,17px)!important}
 #sz-total-conversion .sz-stats{width:min(1660px,calc(100% - 7vw))!important;gap:clamp(12px,1vw,18px)!important;margin-bottom:18px!important}
 #sz-total-conversion .sz-stat{min-height:120px!important;padding:16px clamp(15px,1.3vw,26px)!important;gap:clamp(12px,1.2vw,19px)!important}
 #sz-total-conversion .sz-stat-icon{flex-basis:clamp(37px,3vw,52px)!important;font-size:clamp(30px,2.3vw,42px)!important}
 #sz-total-conversion .sz-label{font-size:clamp(11px,.82vw,15px)!important}
 #sz-total-conversion .sz-stat strong{font-size:clamp(20px,1.7vw,32px)!important}
 #sz-total-conversion .sz-stat small{font-size:clamp(9px,.69vw,12px)!important}
 #sz-total-conversion .sz-dashboard{width:min(1700px,calc(100% - 6vw))!important;grid-template-columns:1.05fr 1.28fr 1fr!important;gap:clamp(12px,1vw,18px)!important}
 #sz-total-conversion .sz-box{height:218px!important;padding:20px 22px 15px!important}
 #sz-total-conversion .sz-box h2{font-size:clamp(12px,.85vw,16px)!important;margin-bottom:18px!important}
 #sz-total-conversion .sz-stream-thumb{height:119px!important;flex-basis:43%!important}
 #sz-total-conversion .sz-stream-copy>strong{font-size:clamp(13px,.85vw,16px)!important}
 #sz-total-conversion .sz-stream-copy>span{font-size:13px!important}
 #sz-total-conversion .sz-stream-copy>small{font-size:11px!important;white-space:normal!important}
 #sz-total-conversion .sz-race-inner>span{font-size:clamp(12px,.76vw,15px)!important}
 #sz-total-conversion .sz-race-inner>strong{font-size:clamp(25px,2.05vw,40px)!important;letter-spacing:0!important}
 #sz-total-conversion .sz-quick{gap:8px!important}
 #sz-total-conversion .sz-quick a{min-height:55px!important;padding:10px!important;font-size:clamp(10px,.68vw,13px)!important;white-space:normal!important}
 #sz-total-conversion .sz-footer{min-height:100px!important;margin-top:18px!important}
}
@media(min-width:1001px) and (max-width:1250px){
 #sz-total-conversion .sz-dashboard{grid-template-columns:1fr 1fr!important}
 #sz-total-conversion .sz-links{grid-column:1/-1!important}
 #sz-total-conversion .sz-box{height:210px!important}
 body[data-site-theme=safezone] .site-nav .sz-nav-social a span{display:none!important}
}
/* Allow the background to fill the enlarged page without a dead black gap below the footer. */
body.nw-site-theme-active[data-site-theme=safezone]{background-size:cover!important;background-position:center top!important}
#sz-total-conversion .sz-stat-copy,#sz-total-conversion .sz-stream-copy,#sz-total-conversion .sz-race-inner{min-width:0!important}


/* v5.5.15: reference-matched Safe Zone header and inset quick-link buttons.
   Keep original navigation and actual clickable links; change only layout/appearance. */
body[data-site-theme=safezone] .site-nav{
  min-height:66px!important;height:auto!important;
  padding:5px clamp(15px,3.1vw,48px)!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:clamp(12px,1.9vw,31px)!important;
  background:linear-gradient(90deg,rgba(14,12,11,.94),rgba(22,17,15,.89))!important;
  border-bottom:1px solid rgba(186,118,78,.27)!important;
  box-shadow:0 3px 13px rgba(0,0,0,.42)!important;
}
body[data-site-theme=safezone] .site-nav>.sz-nav-brand{
  display:flex!important;flex:0 0 clamp(196px,17vw,260px)!important;
  width:clamp(196px,17vw,260px)!important;min-width:0!important;
  height:56px!important;align-items:center!important;justify-content:center!important;
}
body[data-site-theme=safezone] .sz-nav-brand img{height:53px!important;width:100%!important;object-fit:contain!important;object-position:left center!important}
body[data-site-theme=safezone] .sz-nav-brand small{display:none!important}
body[data-site-theme=safezone] .site-nav .nav-links{
  display:flex!important;flex:0 1 auto!important;gap:clamp(2px,.6vw,10px)!important;
  justify-content:flex-start!important;align-items:center!important;
  min-width:0!important;margin:0!important;
}
body[data-site-theme=safezone] .site-nav .nav-links a{
  min-height:37px!important;font-size:clamp(10px,.68vw,13px)!important;
  padding:9px clamp(8px,.8vw,15px)!important;line-height:1.15!important;
}
body[data-site-theme=safezone] .site-nav .nav-links a.active,
body[data-site-theme=safezone] .site-nav .nav-links a:hover{
  background:linear-gradient(180deg,rgba(91,45,30,.83),rgba(34,22,18,.86))!important;
  border:1px solid #74452e!important;box-shadow:inset 0 1px rgba(255,190,133,.12)!important;
}
body[data-site-theme=safezone] .site-nav .sz-nav-social{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:clamp(9px,1vw,18px)!important;margin-left:auto!important;
  flex:0 0 auto!important;
}
body[data-site-theme=safezone] .site-nav .sz-login{
  min-width:clamp(105px,8.5vw,142px)!important;min-height:53px!important;
  margin-left:clamp(3px,.65vw,12px)!important;flex:0 0 auto!important;
}
/* The actual supplied safe-zone-quick.webp already HAS four inset, textured metal buttons.
   Transparent interactive hit areas sit precisely over those buttons; a second CSS button
   background or border would create the incorrect double-buttons shown in the screenshot. */
#sz-total-conversion .sz-links{position:relative!important;padding:clamp(11px,.82vw,15px) clamp(16px,1.2vw,23px) 14px!important}
#sz-total-conversion .sz-links h2{margin:0 0 clamp(12px,1.07vw,19px)!important;font-size:clamp(12px,.86vw,16px)!important}
#sz-total-conversion .sz-quick{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  column-gap:clamp(8px,1.15vw,17px)!important;row-gap:clamp(5px,.55vw,9px)!important;
  height:calc(100% - clamp(28px,2.3vw,42px))!important;
  align-content:stretch!important;
}
#sz-total-conversion .sz-quick a{
  background:transparent!important;border:0!important;box-shadow:none!important;
  min-height:0!important;height:100%!important;min-width:0!important;
  padding:5px clamp(5px,.65vw,11px)!important;gap:clamp(6px,.6vw,11px)!important;
  border-radius:5px!important;display:flex!important;align-items:center!important;
  justify-content:flex-start!important;overflow:hidden!important;
  font:900 clamp(9px,.65vw,12px)/1.15 'Arial Narrow',Arial,sans-serif!important;
  white-space:nowrap!important;text-overflow:clip!important;
}
#sz-total-conversion .sz-quick a span{flex:0 0 auto!important;font-size:clamp(17px,1.3vw,23px)!important}
#sz-total-conversion .sz-quick a:hover,#sz-total-conversion .sz-quick a:focus-visible{
  background:rgba(235,143,68,.12)!important;outline:1px solid rgba(240,163,100,.62)!important;
}
@media(max-width:1300px) and (min-width:1001px){
 body[data-site-theme=safezone] .site-nav{gap:9px!important;padding-left:14px!important;padding-right:14px!important}
 body[data-site-theme=safezone] .site-nav>.sz-nav-brand{flex-basis:190px!important;width:190px!important}
 body[data-site-theme=safezone] .site-nav .nav-links{gap:2px!important}
 body[data-site-theme=safezone] .site-nav .nav-links a{padding:8px 5px!important;font-size:10px!important}
 body[data-site-theme=safezone] .site-nav .sz-nav-social{gap:7px!important}
}
@media(max-width:1000px){
 body[data-site-theme=safezone] .site-nav{flex-wrap:wrap!important;justify-content:space-between!important}
 body[data-site-theme=safezone] .site-nav .nav-links{order:3!important;flex:1 0 100%!important;justify-content:center!important;flex-wrap:wrap!important}
 body[data-site-theme=safezone] .site-nav .sz-nav-social{margin-left:auto!important}
}
@media(max-width:650px){
 body[data-site-theme=safezone] .site-nav>.sz-nav-brand{flex:0 0 150px!important;width:150px!important}
 body[data-site-theme=safezone] .sz-nav-brand img{height:43px!important}
 #sz-total-conversion .sz-links{padding:12px 16px!important}
 #sz-total-conversion .sz-quick a{font-size:10px!important}
}


/* v5.5.16 — Reference nav: full-width consistent dark glass; no horizontal opacity fade.
   All following rules are scoped to the Safe Zone conversion only. */
body[data-site-theme="safezone"] .site-nav{
  box-sizing:border-box!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-height:67px!important;
  padding:4px clamp(16px,2.1vw,38px)!important;
  gap:clamp(13px,1.45vw,26px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  background:rgba(17,16,15,.91)!important;
  border:0!important;
  border-bottom:1px solid rgba(173,123,89,.30)!important;
  border-radius:0!important;
  box-shadow:0 4px 16px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
body[data-site-theme="safezone"] .site-nav>.sz-nav-brand{
  display:flex!important;
  flex:0 0 clamp(195px,16vw,250px)!important;
  width:clamp(195px,16vw,250px)!important;
  height:56px!important;
  overflow:visible!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
body[data-site-theme="safezone"] .site-nav .sz-nav-brand img{
  width:100%!important;height:49px!important;object-fit:contain!important;object-position:left center!important;
}
body[data-site-theme="safezone"] .site-nav .sz-nav-brand small{
  display:block!important;margin:-3px 0 0 68px!important;
  font:800 8px/1 Arial,sans-serif!important;letter-spacing:.10em!important;
  color:#e7ba96!important;white-space:nowrap!important;
}
body[data-site-theme="safezone"] .site-nav .nav-links{
  display:flex!important;flex:0 1 auto!important;min-width:0!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:clamp(3px,.65vw,11px)!important;margin:0!important;
}
body[data-site-theme="safezone"] .site-nav .nav-links a{
  min-height:38px!important;padding:9px clamp(8px,.82vw,15px)!important;
  font:900 clamp(10px,.70vw,13px)/1.1 Arial,sans-serif!important;
  letter-spacing:0!important;white-space:nowrap!important;
}
body[data-site-theme="safezone"] .site-nav .sz-nav-social{
  display:flex!important;flex:0 0 auto!important;align-items:center!important;
  justify-content:flex-start!important;gap:clamp(12px,1.25vw,22px)!important;
  margin-left:clamp(4px,1vw,20px)!important;
}
body[data-site-theme="safezone"] .site-nav .sz-login{
  display:flex!important;flex:0 0 auto!important;margin-left:auto!important;
  min-width:clamp(110px,8.8vw,147px)!important;
  min-height:54px!important;
}
/* Supplied quick-panel image has its four metal buttons at x=5.7–48.7%,
   x=50.7–94.3%, y=24–53%, and y=60–90% of the *entire* panel.
   Do not position buttons relative to a padded content box: that misaligns each label. */
#sz-total-conversion .sz-links{
  position:relative!important;isolation:isolate!important;
  padding:0!important;overflow:visible!important;
  background-position:center!important;background-size:100% 100%!important;
}
#sz-total-conversion .sz-links>h2{
  position:absolute!important;left:6%!important;right:6%!important;top:9%!important;
  margin:0!important;padding:0!important;line-height:1!important;
  font:900 clamp(11px,.8vw,15px)/1 Arial,sans-serif!important;
  letter-spacing:.07em!important;text-align:left!important;
}
#sz-total-conversion .sz-quick{
  position:absolute!important;
  left:5.8%!important;right:5.7%!important;top:24%!important;bottom:10%!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  column-gap:2.4%!important;row-gap:10%!important;
  width:auto!important;height:auto!important;
  margin:0!important;padding:0!important;
  align-content:stretch!important;align-items:stretch!important;
}
#sz-total-conversion .sz-quick>a{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;
  justify-content:flex-start!important;gap:clamp(7px,.65vw,13px)!important;
  min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;
  margin:0!important;padding:0 clamp(10px,1vw,18px)!important;
  overflow:hidden!important;border:0!important;border-radius:3px!important;
  background:transparent!important;box-shadow:none!important;
  text-align:left!important;text-decoration:none!important;
  font:900 clamp(9px,.63vw,12px)/1.15 Arial,sans-serif!important;
  letter-spacing:0!important;white-space:nowrap!important;
}
#sz-total-conversion .sz-quick>a>span{
  display:inline-flex!important;flex:0 0 clamp(18px,1.4vw,25px)!important;
  justify-content:center!important;align-items:center!important;
  width:clamp(18px,1.4vw,25px)!important;
  font-size:clamp(17px,1.3vw,23px)!important;line-height:1!important;
}
#sz-total-conversion .sz-quick>a:hover,#sz-total-conversion .sz-quick>a:focus-visible{
  background:rgba(228,136,76,.12)!important;outline:1px solid rgba(225,153,92,.52)!important;
}
@media(max-width:1320px) and (min-width:1001px){
 body[data-site-theme="safezone"] .site-nav{gap:10px!important;padding:5px 15px!important}
 body[data-site-theme="safezone"] .site-nav>.sz-nav-brand{flex-basis:200px!important;width:200px!important}
 body[data-site-theme="safezone"] .site-nav .nav-links{gap:1px!important}
 body[data-site-theme="safezone"] .site-nav .nav-links a{padding:8px 7px!important;font-size:10px!important}
 body[data-site-theme="safezone"] .site-nav .sz-nav-social{gap:8px!important;margin-left:2px!important}
 body[data-site-theme="safezone"] .site-nav .sz-login{min-width:102px!important}
}
@media(max-width:1000px){
 body[data-site-theme="safezone"] .site-nav{flex-wrap:wrap!important;justify-content:space-between!important;gap:5px 13px!important}
 body[data-site-theme="safezone"] .site-nav .nav-links{order:3!important;flex:1 0 100%!important;justify-content:center!important;flex-wrap:wrap!important}
 body[data-site-theme="safezone"] .site-nav .sz-nav-social{margin-left:auto!important}
 body[data-site-theme="safezone"] .site-nav .sz-login{margin-left:0!important}
 #sz-total-conversion .sz-quick>a{font-size:clamp(10px,1.1vw,12px)!important}
}
@media(max-width:650px){
 body[data-site-theme="safezone"] .site-nav>.sz-nav-brand{flex:0 0 150px!important;width:150px!important;height:46px!important}
 body[data-site-theme="safezone"] .site-nav .sz-nav-brand img{height:39px!important}
 body[data-site-theme="safezone"] .site-nav .sz-nav-brand small{margin-left:41px!important;font-size:6px!important}
 #sz-total-conversion .sz-quick>a{font-size:clamp(9px,2.2vw,12px)!important;padding:0 8px!important;gap:5px!important}
 #sz-total-conversion .sz-quick>a>span{flex-basis:18px!important;width:18px!important;font-size:17px!important}
}

/* v5.5.17: user-supplied standalone Rust artwork; no emoji/text stand-ins. */
#sz-total-conversion .sz-stat-icon{
  display:grid!important;place-items:center!important;flex:0 0 clamp(37px,3.4vw,57px)!important;
  width:clamp(37px,3.4vw,57px)!important;height:clamp(39px,3.6vw,60px)!important;
  font-size:0!important;filter:none!important;overflow:visible!important;
}
#sz-total-conversion .sz-stat-icon>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 2px 3px #0009)}
#sz-total-conversion .sz-status-light>img{animation:sz-new-live-glow 2.2s ease-in-out infinite}
@keyframes sz-new-live-glow{0%,100%{filter:drop-shadow(0 0 3px #ff382e)}50%{filter:drop-shadow(0 0 10px #ff4a39)}}
#sz-total-conversion .sz-action .sz-action-icon{display:grid!important;place-items:center!important;width:clamp(26px,2.6vw,37px)!important;height:clamp(26px,2.6vw,37px)!important;flex:0 0 auto!important;font-size:0!important}
#sz-total-conversion .sz-action .sz-action-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
#sz-total-conversion .sz-quick a .sz-quick-icon{display:grid!important;place-items:center!important;width:clamp(22px,1.6vw,29px)!important;height:clamp(22px,1.6vw,29px)!important;flex:0 0 clamp(22px,1.6vw,29px)!important;font-size:0!important;line-height:0!important}
#sz-total-conversion .sz-quick a .sz-quick-icon img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
@media(max-width:650px){#sz-total-conversion .sz-stat-icon{flex-basis:36px!important;width:36px!important;height:38px!important}#sz-total-conversion .sz-quick a .sz-quick-icon{width:21px!important;height:21px!important;flex-basis:21px!important}}


/* v5.5.19: supplied bar artwork, aspect-ratio preserving 3-slice rendering. */
body[data-site-theme="safezone"] .site-nav{
  position:relative!important;
  width:100%!important;max-width:none!important;
  height:70px!important;min-height:70px!important;
  padding:5px clamp(20px,2.1vw,38px)!important;
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
  justify-content:flex-start!important;gap:clamp(8px,1.1vw,20px)!important;
  background-image:url('../assets/safe-zone-nav-right.webp'),url('../assets/safe-zone-nav-left.webp'),url('../assets/safe-zone-nav-middle.webp')!important;
  background-position:right center,left center,center center!important;
  background-size:auto 70px,auto 70px,auto 70px!important;
  background-repeat:no-repeat,no-repeat,repeat-x!important;
  background-color:transparent!important;
  border:0!important;box-shadow:none!important;
  border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body[data-site-theme="safezone"] .site-nav::before,
body[data-site-theme="safezone"] .site-nav::after{content:none!important;display:none!important;}
/* The fade is OUTSIDE the login plaque. The plaque remains seated on the metal strip. */
body[data-site-theme="safezone"] .site-nav .sz-login{
  margin-left:auto!important;margin-right:clamp(62px,7vw,116px)!important;
  min-height:51px!important;min-width:clamp(110px,8.3vw,145px)!important;
  flex:0 0 auto!important;align-self:center!important;
  background-size:contain!important;
}
body[data-site-theme="safezone"] .site-nav>.sz-nav-brand{
  height:56px!important;flex:0 0 clamp(198px,16vw,248px)!important;
  width:clamp(198px,16vw,248px)!important;
}
body[data-site-theme="safezone"] .site-nav .nav-links{flex:0 1 auto!important;gap:clamp(2px,.55vw,10px)!important;}
body[data-site-theme="safezone"] .site-nav .sz-nav-social{margin-left:auto!important;gap:clamp(7px,.9vw,16px)!important;}
@media(max-width:1400px) and (min-width:1001px){
  body[data-site-theme="safezone"] .site-nav{gap:8px!important;padding-left:15px!important;padding-right:8px!important;}
  body[data-site-theme="safezone"] .site-nav>.sz-nav-brand{flex-basis:190px!important;width:190px!important;}
  body[data-site-theme="safezone"] .site-nav .nav-links a{padding:7px 5px!important;font-size:10px!important;}
  body[data-site-theme="safezone"] .site-nav .sz-nav-social{gap:7px!important;}
  body[data-site-theme="safezone"] .site-nav .sz-login{margin-right:clamp(48px,5vw,72px)!important;min-width:106px!important;}
}
@media(max-width:1000px){
  body[data-site-theme="safezone"] .site-nav{
    height:auto!important;min-height:70px!important;flex-wrap:wrap!important;
    background-image:none!important;background-color:rgba(20,17,15,.95)!important;
    border-bottom:1px solid rgba(165,106,69,.55)!important;
  }
  body[data-site-theme="safezone"] .site-nav .sz-login{margin-right:0!important;margin-left:0!important;}
}


/* v5.5.20: CSS navigation strip, NOT an image. Login is a separate plaque.
   The strip is an independent background layer ending in a soft transparency ramp. */
body[data-site-theme="safezone"] .site-nav{
  position:relative!important;isolation:isolate!important;
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  height:76px!important;min-height:76px!important;
  padding:5px clamp(22px,2.15vw,42px)!important;
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  justify-content:flex-start!important;gap:clamp(13px,1.35vw,26px)!important;
  background:none!important;background-image:none!important;background-color:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
/* Solid left; grainy, translucent black across the link row; fade after Kick.
   Right 190px intentionally has no strip behind the independent login plaque. */
body[data-site-theme="safezone"] .site-nav::before{
  content:""!important;display:block!important;position:absolute!important;
  top:0!important;bottom:0!important;left:0!important;right:clamp(185px,12vw,225px)!important;
  z-index:-1!important;pointer-events:none!important;
  background-image:
    repeating-linear-gradient(117deg,rgba(255,255,255,.012) 0px,rgba(255,255,255,.012) 1px,transparent 1px,transparent 4px),
    linear-gradient(90deg,rgba(12,11,11,.95) 0%,rgba(12,11,11,.93) 67%,rgba(12,11,11,.85) 81%,rgba(12,11,11,.54) 91%,rgba(12,11,11,0) 100%)!important;
  background-size:auto!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 81%,rgba(0,0,0,.9) 88%,rgba(0,0,0,.5) 95%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,#000 0%,#000 81%,rgba(0,0,0,.9) 88%,rgba(0,0,0,.5) 95%,transparent 100%)!important;
}
body[data-site-theme="safezone"] .site-nav::after{content:none!important;display:none!important;}
body[data-site-theme="safezone"] .site-nav>.sz-nav-brand{
  flex:0 0 clamp(235px,17.4vw,315px)!important;
  width:clamp(235px,17.4vw,315px)!important;
  height:62px!important;min-width:0!important;
  align-items:center!important;justify-content:center!important;
  position:relative!important;z-index:1!important;
}
body[data-site-theme="safezone"] .site-nav .sz-nav-brand img{
  display:block!important;width:100%!important;height:54px!important;
  object-fit:contain!important;object-position:left center!important;
}
body[data-site-theme="safezone"] .site-nav .nav-links{
  display:flex!important;flex:0 1 auto!important;min-width:0!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:clamp(5px,.55vw,11px)!important;margin:0!important;
  position:relative!important;z-index:1!important;
}
body[data-site-theme="safezone"] .site-nav .nav-links a{
  min-height:40px!important;padding:10px clamp(7px,.68vw,13px)!important;
  font-size:clamp(10px,.69vw,13px)!important;line-height:1.1!important;
}
body[data-site-theme="safezone"] .site-nav .sz-nav-social{
  display:flex!important;flex:0 0 auto!important;align-items:center!important;
  justify-content:flex-start!important;gap:clamp(10px,1vw,20px)!important;
  margin-left:clamp(4px,.5vw,10px)!important;
  position:relative!important;z-index:1!important;
}
body[data-site-theme="safezone"] .site-nav .sz-login{
  display:flex!important;position:relative!important;z-index:2!important;
  flex:0 0 clamp(126px,9vw,164px)!important;
  width:clamp(126px,9vw,164px)!important;
  min-width:0!important;height:64px!important;min-height:64px!important;
  margin:0 0 0 auto!important;align-self:center!important;
  background-image:url('../assets/safe-zone-login.webp')!important;
  background-position:center!important;background-repeat:no-repeat!important;
  background-size:contain!important;
}
@media(max-width:1400px) and (min-width:1001px){
  body[data-site-theme="safezone"] .site-nav{gap:8px!important;padding:5px 15px!important;}
  body[data-site-theme="safezone"] .site-nav>.sz-nav-brand{flex-basis:195px!important;width:195px!important;}
  body[data-site-theme="safezone"] .site-nav .nav-links{gap:2px!important;}
  body[data-site-theme="safezone"] .site-nav .nav-links a{padding:8px 5px!important;font-size:10px!important;}
  body[data-site-theme="safezone"] .site-nav .sz-nav-social{gap:7px!important;margin-left:3px!important;}
  body[data-site-theme="safezone"] .site-nav .sz-login{flex-basis:115px!important;width:115px!important;}
  body[data-site-theme="safezone"] .site-nav::before{right:145px!important;}
}
@media(max-width:1000px){
  body[data-site-theme="safezone"] .site-nav{
    height:auto!important;min-height:76px!important;flex-wrap:wrap!important;
    justify-content:space-between!important;gap:5px 12px!important;
  }
  body[data-site-theme="safezone"] .site-nav::before{
    right:0!important;background:rgba(13,12,11,.92)!important;
    -webkit-mask-image:none!important;mask-image:none!important;
  }
  body[data-site-theme="safezone"] .site-nav>.sz-nav-brand{flex:0 0 190px!important;width:190px!important;height:53px!important;}
  body[data-site-theme="safezone"] .site-nav .sz-nav-brand img{height:47px!important;}
  body[data-site-theme="safezone"] .site-nav .nav-links{
    order:3!important;flex:1 0 100%!important;justify-content:center!important;flex-wrap:wrap!important;
  }
  body[data-site-theme="safezone"] .site-nav .sz-nav-social{margin-left:auto!important;}
  body[data-site-theme="safezone"] .site-nav .sz-login{margin:0!important;flex-basis:115px!important;width:115px!important;height:50px!important;min-height:50px!important;}
}
@media(max-width:650px){
  body[data-site-theme="safezone"] .site-nav>.sz-nav-brand{flex-basis:155px!important;width:155px!important;height:45px!important;}
  body[data-site-theme="safezone"] .site-nav .sz-nav-brand img{height:40px!important;}
  body[data-site-theme="safezone"] .site-nav .sz-login{flex-basis:103px!important;width:103px!important;height:46px!important;min-height:46px!important;}
}


/* v5.5.21 — footer: native-resolution texture, NEVER scale the supplied art.
   Preserve both bolt-bearing ends as native-size caps; repeat only a bolt-free
   central segment at 1:1 pixel size. All three slices come from the original. */
#sz-total-conversion .sz-footer{
  min-height:122px!important;
  height:auto!important;
  padding:15px clamp(18px,2.8vw,45px)!important;
  background-color:#191511!important;
  background-image:url('../assets/safe-zone-footer-left.webp'),
                   url('../assets/safe-zone-footer-right.webp'),
                   url('../assets/safe-zone-footer-middle.webp')!important;
  background-position:left center,right center,center center!important;
  background-size:100px 122px,100px 122px,500px 122px!important;
  background-repeat:no-repeat,no-repeat,repeat-x!important;
}
@media(max-width:650px){
  #sz-total-conversion .sz-footer{min-height:122px!important;padding:12px 16px!important;}
}


/* v5.5.22 — Safe Zone dusk: atmospheric smoke BEHIND content, never over text. */
body[data-site-theme="safezone"] #sz-total-conversion .sz-main{
  isolation:isolate!important;position:relative!important;z-index:1!important;
}
/* Low battlefield smoke rolls behind the hero actions, stats and dashboard. */
body[data-site-theme="safezone"] #sz-total-conversion .sz-main::before{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  left:-8%;right:-8%;top:clamp(270px,25vw,390px);bottom:-40px;
  background:
    radial-gradient(ellipse 33% 20% at 10% 47%,rgba(109,104,94,.34),transparent 83%),
    radial-gradient(ellipse 35% 21% at 54% 61%,rgba(114,105,92,.27),transparent 85%),
    radial-gradient(ellipse 30% 24% at 88% 77%,rgba(104,94,86,.30),transparent 83%),
    radial-gradient(ellipse 42% 30% at 38% 92%,rgba(49,44,42,.53),transparent 85%);
  background-size:145% 130%;background-position:0% 50%;
  filter:blur(30px);opacity:.9;
  animation:sz-battle-smoke-a 39s ease-in-out infinite alternate;
}
body[data-site-theme="safezone"] #sz-total-conversion .sz-main::after{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  left:-10%;right:-10%;top:clamp(350px,31vw,470px);bottom:-45px;
  background:
    radial-gradient(ellipse 36% 18% at 75% 29%,rgba(91,83,75,.29),transparent 82%),
    radial-gradient(ellipse 30% 20% at 23% 70%,rgba(101,92,83,.27),transparent 85%),
    radial-gradient(ellipse 40% 19% at 62% 95%,rgba(75,66,60,.36),transparent 85%);
  background-size:135% 120%;background-position:100% 50%;
  filter:blur(38px);opacity:.76;
  animation:sz-battle-smoke-b 52s ease-in-out infinite alternate;
}
@keyframes sz-battle-smoke-a{from{background-position:0% 42%;opacity:.65}to{background-position:100% 58%;opacity:.94}}
@keyframes sz-battle-smoke-b{from{background-position:100% 56%;opacity:.75}to{background-position:0% 44%;opacity:.49}}
/* Keep all interactive surfaces above the smoke without changing layout. */
body[data-site-theme="safezone"] #sz-total-conversion .sz-hero,
body[data-site-theme="safezone"] #sz-total-conversion .sz-stats,
body[data-site-theme="safezone"] #sz-total-conversion .sz-dashboard{position:relative;z-index:1}
/* Darken and gently de-harsh the actual art; leave labels and numbers crisp.
   Filters on the whole control would blur text, so use translucent overlays instead. */
body[data-site-theme="safezone"] #sz-total-conversion .sz-action,
body[data-site-theme="safezone"] #sz-total-conversion .sz-stat,
body[data-site-theme="safezone"] #sz-total-conversion .sz-box,
body[data-site-theme="safezone"] #sz-total-conversion .sz-quick>a{
  position:relative;isolation:isolate;
  filter:brightness(.83) saturate(.82) contrast(.94);
  transition:filter .22s ease,transform .22s ease;
}
body[data-site-theme="safezone"] #sz-total-conversion .sz-action::before,
body[data-site-theme="safezone"] #sz-total-conversion .sz-stat::before,
body[data-site-theme="safezone"] #sz-total-conversion .sz-box::before,
body[data-site-theme="safezone"] #sz-total-conversion .sz-quick>a::before{
  content:"";position:absolute;inset:2px;z-index:-1;pointer-events:none;
  border-radius:5px;background:rgba(12,12,12,.12);
  box-shadow:inset 0 0 12px 5px rgba(14,12,11,.20);
}
body[data-site-theme="safezone"] #sz-total-conversion .sz-action:hover,
body[data-site-theme="safezone"] #sz-total-conversion .sz-stat:hover,
body[data-site-theme="safezone"] #sz-total-conversion .sz-quick>a:hover{
  filter:brightness(.99) saturate(.9) contrast(.97);
}
/* Tone down icon glare separately; do not blur lettering or alter image dimensions. */
body[data-site-theme="safezone"] #sz-total-conversion .sz-stat-icon>img,
body[data-site-theme="safezone"] #sz-total-conversion .sz-action-icon>img,
body[data-site-theme="safezone"] #sz-total-conversion .sz-quick-icon>img{
  filter:brightness(.88) saturate(.83) drop-shadow(0 2px 2px rgba(0,0,0,.55))!important;
}
body[data-site-theme="safezone"] #sz-total-conversion .sz-status-light>img{
  animation:none!important;filter:brightness(.85) saturate(.8) drop-shadow(0 0 3px rgba(200,35,25,.45))!important;
}
body[data-site-theme="safezone"] .site-nav .nav-links a.active,
body[data-site-theme="safezone"] .site-nav .nav-links a:hover{
  background:linear-gradient(rgba(91,47,31,.83),rgba(40,23,17,.86))!important;
  border-color:rgba(120,73,49,.65)!important;
}
body[data-site-theme="safezone"] .site-nav .sz-login{filter:brightness(.83) saturate(.82) contrast(.95)}
body[data-site-theme="safezone"] .site-nav .sz-login:hover{filter:brightness(.99) saturate(.9)}
@media(prefers-reduced-motion:reduce){
 body[data-site-theme="safezone"] #sz-total-conversion .sz-main::before,
 body[data-site-theme="safezone"] #sz-total-conversion .sz-main::after{animation:none!important}
}

/* v5.5.23 — visible rolling smoke + wall ricochets + unclipped maintenance indicator. */
body[data-site-theme="safezone"] #sz-total-conversion{position:relative!important;isolation:isolate!important}
body[data-site-theme="safezone"] #sz-battle-impacts{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}
body[data-site-theme="safezone"] #sz-total-conversion .sz-main::before{
  background:radial-gradient(ellipse 29% 24% at 13% 49%,rgba(151,144,130,.58),transparent 83%),radial-gradient(ellipse 38% 26% at 54% 58%,rgba(148,138,123,.52),transparent 84%),radial-gradient(ellipse 34% 28% at 88% 71%,rgba(137,130,121,.55),transparent 83%),radial-gradient(ellipse 46% 34% at 39% 91%,rgba(85,80,75,.69),transparent 85%)!important;
  filter:blur(20px)!important;opacity:1!important;animation-duration:23s!important;
}
body[data-site-theme="safezone"] #sz-total-conversion .sz-main::after{
  background:radial-gradient(ellipse 38% 23% at 75% 30%,rgba(143,135,124,.48),transparent 82%),radial-gradient(ellipse 32% 26% at 23% 70%,rgba(148,140,130,.49),transparent 85%),radial-gradient(ellipse 42% 24% at 62% 95%,rgba(112,103,94,.52),transparent 85%)!important;
  filter:blur(26px)!important;opacity:.98!important;animation-duration:32s!important;
}
body[data-site-theme="safezone"] .site-nav,
body[data-site-theme="safezone"] .site-nav .nav-links,
body[data-site-theme="safezone"] .site-nav .nav-links a{overflow:visible!important}
body[data-site-theme="safezone"] .site-nav .nav-links a:has(#nav-maint-raffle){position:relative!important;isolation:isolate!important}
body[data-site-theme="safezone"] .site-nav #nav-maint-raffle{position:absolute!important;top:-9px!important;right:-9px!important;z-index:90!important;overflow:visible!important;clip-path:none!important;transform:none!important;pointer-events:none!important}
@media(max-width:650px){body[data-site-theme="safezone"] #sz-battle-impacts{display:none!important}}
@media(prefers-reduced-motion:reduce){body[data-site-theme="safezone"] #sz-battle-impacts{display:none!important}}

/* v5.5.24: animated lighting is separate from the artwork, does not scale UI assets. */
body[data-site-theme="safezone"] #sz-atmospheric-lights{
 position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
 z-index:0!important;pointer-events:none!important;mix-blend-mode:screen;
 opacity:.95;contain:strict;
}
body:not([data-site-theme="safezone"]) #sz-atmospheric-lights{display:none!important}
body[data-site-theme="safezone"] #sz-total-conversion .sz-main,
body[data-site-theme="safezone"] #sz-total-conversion .sz-footer{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){body[data-site-theme="safezone"] #sz-atmospheric-lights{opacity:.7}}

/* v5.5.25: patrol is behind all foreground controls, aligned to the fixed compound scene. */
body[data-site-theme="safezone"] #sz-total-conversion #sz-scientist-patrol{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block;opacity:1;}
body:not([data-site-theme="safezone"]) #sz-scientist-patrol{display:none!important;}
@media(max-width:719px){#sz-total-conversion #sz-scientist-patrol{display:none!important;}}

/* v5.5.30 — screen-locked guard matched to the screen-locked background. */
body[data-site-theme="safezone"] #sz-total-conversion #sz-scientist-patrol{
 position:fixed!important;inset:0!important;top:0!important;left:0!important;
 right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;
 max-width:none!important;max-height:none!important;transform:none!important;
 z-index:0!important;pointer-events:none!important;opacity:1!important;
}
body:not([data-site-theme="safezone"]) #sz-scientist-patrol{display:none!important}
@media(max-width:719px){#sz-total-conversion #sz-scientist-patrol{display:none!important}}


/* v5.5.31: World-space fog follows the fixed compound, never the scrolling UI.
   The old .sz-main pseudo-smoke was scrolling with the cards; disable it entirely. */
body[data-site-theme="safezone"] #sz-total-conversion .sz-main::before,
body[data-site-theme="safezone"] #sz-total-conversion .sz-main::after{content:none!important;display:none!important;animation:none!important;}
body[data-site-theme="safezone"] #sz-total-conversion #sz-world-fog{
 position:fixed!important;inset:0!important;top:0!important;left:0!important;
 width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;
 transform:none!important;pointer-events:none!important;z-index:0!important;
 opacity:1!important;mix-blend-mode:normal!important;contain:strict;
}
body:not([data-site-theme="safezone"]) #sz-world-fog{display:none!important;}
/* Existing scientist canvas comes AFTER fog in DOM and is painted above it.
   Text, stat cards, CTA buttons, dashboard and footer remain above both. */
body[data-site-theme="safezone"] #sz-total-conversion #sz-scientist-patrol{z-index:0!important;}
body[data-site-theme="safezone"] #sz-total-conversion .sz-main,
body[data-site-theme="safezone"] #sz-total-conversion .sz-footer{z-index:1!important;}


/* v5.5.32 — individual Extra FX switch directly beneath the separate Login plaque. */
body[data-site-theme="safezone"] .site-nav{overflow:visible!important;}
.sz-extra-fx-toggle{display:none;}
body[data-site-theme="safezone"] .site-nav>.sz-extra-fx-toggle{
 display:flex!important;position:absolute!important;right:clamp(18px,2.2vw,40px)!important;
 top:calc(100% + 3px)!important;z-index:120!important;
 width:clamp(110px,9vw,152px)!important;min-height:30px!important;
 flex-direction:column!important;align-items:center!important;justify-content:center!important;
 gap:2px!important;padding:4px 6px!important;
 border:1px solid rgba(189,123,73,.65)!important;border-radius:3px!important;
 background:rgba(22,18,15,.89)!important;color:#ead8c8!important;
 box-shadow:0 3px 9px rgba(0,0,0,.6)!important;cursor:pointer!important;
 font:800 10px/1.1 Arial,sans-serif!important;letter-spacing:.04em!important;
}
body[data-site-theme="safezone"] .sz-extra-fx-title{white-space:nowrap!important;}
body[data-site-theme="safezone"] .sz-extra-fx-title b{color:#9ee28c!important;}
body[data-site-theme="safezone"] .sz-extra-fx-toggle[aria-pressed="false"] .sz-extra-fx-title b{color:#e99c89!important;}
body[data-site-theme="safezone"] .sz-extra-fx-toggle small{
 font:600 8px/1.1 Arial,sans-serif!important;letter-spacing:0!important;
 color:#bea99a!important;white-space:nowrap!important;
}
body[data-site-theme="safezone"] .sz-extra-fx-toggle:hover,
body[data-site-theme="safezone"] .sz-extra-fx-toggle:focus-visible{border-color:#efaa70!important;outline-offset:2px;}
body[data-site-theme="safezone"] #sz-total-conversion #sz-world-rain{
 position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
 z-index:0!important;pointer-events:none!important;transform:none!important;
 opacity:.67!important;contain:strict;
}
body:not([data-site-theme="safezone"]) #sz-world-rain,
body.sz-extra-fx-off #sz-world-rain,
body.sz-extra-fx-off #sz-world-fog,
body.sz-extra-fx-off #sz-battle-impacts{display:none!important;}
@media(prefers-reduced-motion:reduce){body[data-site-theme="safezone"] #sz-world-rain{display:none!important;}}
@media(max-width:650px){body[data-site-theme="safezone"] .site-nav>.sz-extra-fx-toggle{right:12px!important;top:calc(100% + 2px)!important;width:112px!important;}}