@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;600;700;800&display=swap');
:root{--bg:#08090a;--panel:#111416;--line:#303437;--text:#f3f1ec;--muted:#9b9b95;--lime:#c9ff32;--red:#ff3e35}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090a;color:var(--text);font-family:Inter,Arial,sans-serif}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{height:78px;position:sticky;top:0;z-index:10;border-bottom:1px solid #292d2e;background:#090a0bee}.nav{height:100%;display:flex;align-items:center}.logo{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font:900 18px/1 'Barlow Condensed'}.logo b{color:var(--lime);font-size:12px}.logo-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--lime);color:#12140c;font-size:22px}nav{margin-left:auto;display:flex;gap:26px}nav a{color:#9b9d98;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:1px}.hero{min-height:690px;display:grid;align-items:center;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{color:var(--lime);font-size:10px;font-weight:900;letter-spacing:2px}.hero h1,.story h2,.section h2,.contact h2{font:900 clamp(66px,9vw,118px)/.8 'Barlow Condensed';letter-spacing:-3px;margin:20px 0;text-transform:uppercase}.hero h1 span,.contact h2 span{color:var(--lime)}.story h2 span{color:var(--red)}.tag{display:inline-block;border:1px solid #555;padding:9px 13px;font:800 12px 'Barlow Condensed';letter-spacing:1.5px}.lead{max-width:620px;color:#bbb;font-size:15px;line-height:1.7}.actions{display:flex;gap:10px;margin:28px 0}.btn{display:inline-block;padding:15px 19px;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:1px}.primary{background:var(--lime);color:#111}.ghost{border:1px solid #555;color:#fff}.address{display:inline-block;border:1px solid #343839;background:#0b0d0ecc;padding:11px 14px;font-size:11px}.server-panel{background:#0b0d0edb;border:1px solid #424342;padding:20px}.panel-top{display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:1.3px}.panel-top strong{color:var(--lime)}.radar{width:300px;height:300px;margin:25px auto;border-radius:50%;position:relative;overflow:hidden;background:repeating-radial-gradient(circle,transparent 0 48px,#34402b 49px 50px),linear-gradient(90deg,transparent 49.7%,#34402b 50%,transparent 50%),linear-gradient(transparent 49.7%,#34402b 50%,transparent 50%)}.sweep{position:absolute;left:50%;top:50%;width:50%;height:50%;transform-origin:0 0;background:linear-gradient(45deg,transparent 40%,#c9ff3240);animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--red);font-size:30px}.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #2b3030;padding-top:18px}.live-grid small,.status-board small{display:block;color:#777;font-size:8px;font-weight:900;letter-spacing:1px}.server-note{text-align:center;color:#777;font-size:8px;margin-top:16px}.server-note b{color:var(--lime)}.story,.section{padding:105px 0}.story{background:#111514}.story-grid,.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story h2,.section h2,.contact h2{font-size:66px}.story p{color:#aaa;line-height:1.7}.story .big{font:600 26px/1.35 'Barlow Condensed';color:#eee}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-title p{max-width:430px;color:#888;font-size:12px;line-height:1.7}.status-board{display:grid;grid-template-columns:1fr 1.4fr 1fr 1.2fr auto;gap:1px;background:#303433;border:1px solid #303433}.status-board>*{background:#111415;padding:22px}.dark{background:#0b0d0e}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#303433}.features article{background:#111415;padding:28px;min-height:210px}.features h3{font:900 28px 'Barlow Condensed';margin:45px 0 10px}.features p{font-size:11px;line-height:1.7;color:#888}.contact{background:radial-gradient(circle at 80% 50%,#53200e55,transparent 35%)}.contact-box{border:1px solid #343837;background:#0d1010;padding:55px}.contact p{color:#aaa;line-height:1.8}.contact p b{color:#fff}.footer{min-height:90px;display:flex;align-items:center;color:#666;font-size:10px}@media(max-width:900px){nav{display:none}.hero{padding:80px 0}.hero-grid,.story-grid,.contact-box{grid-template-columns:1fr}.status-board{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr 1fr}.section-title{display:block}}@media(max-width:560px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:64px}.actions{flex-direction:column}.radar{width:250px;height:250px}.status-board,.features{grid-template-columns:1fr}.contact-box{padding:30px 22px}}

.support{position:relative;background:linear-gradient(180deg,#0b0d0e,#100d0c);border-top:1px solid #25292a;border-bottom:1px solid #2c2623}
.support:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 50%,rgba(255,62,53,.10),transparent 28%),linear-gradient(120deg,transparent 50%,rgba(201,255,50,.035))}
.support-box{position:relative;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}
.support h2{font-size:72px}.support h2 span{color:var(--red)}
.support-copy p{color:#a5a59f;font-size:13px;line-height:1.9;max-width:720px}
.support-copy p b{color:#ece9df}.support-copy .support-lead{color:#ddd9cf;font-size:16px;line-height:1.8}
.support-note{border-left:2px solid var(--lime);padding-left:16px;color:#83877f!important}
.donate-card{position:relative;border:1px solid #5b3b25;background:linear-gradient(145deg,#18120e,#0d0d0c 70%);padding:34px 30px;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.55),inset 0 0 40px rgba(255,90,30,.035)}
.donate-card:before,.donate-card:after{content:"";position:absolute;width:18px;height:18px;border:2px solid #7f4b25}.donate-card:before{left:10px;top:10px;border-right:0;border-bottom:0}.donate-card:after{right:10px;bottom:10px;border-left:0;border-top:0}
.tape{display:inline-block;background:#2a2417;color:#cdbd77;border:1px solid #6e5a2d;padding:7px 10px;font:800 9px 'Barlow Condensed';letter-spacing:1.5px;transform:rotate(-1deg)}
.donate-symbol{font-size:48px;color:var(--lime);text-shadow:0 0 20px rgba(201,255,50,.35);margin:25px 0 5px}
.donate-card h3{font:900 36px 'Barlow Condensed';margin:8px 0 14px;color:#f2ede0}.donate-card p{color:#98978f;font-size:12px;line-height:1.7}
.donate-retro{position:relative;display:block;margin:28px auto 17px;max-width:285px;padding:16px 20px 13px;text-decoration:none;color:#26170a;background:linear-gradient(#d2a857,#8e5d24);border:3px solid #3c2511;outline:1px solid #c99a52;box-shadow:inset 0 0 0 2px #e4c47f,inset 0 -7px 0 rgba(74,38,10,.20),0 8px 0 #2b1b0d,0 13px 25px #000;transform:rotate(-1deg);text-shadow:0 1px #e5c47c}
.donate-retro:before,.donate-retro:after{content:"✦";position:absolute;top:50%;transform:translateY(-50%);color:#5b3615}.donate-retro:before{left:13px}.donate-retro:after{right:13px}
.donate-retro span{display:block;font:900 38px/1 'Barlow Condensed';letter-spacing:2px}.donate-retro small{display:block;margin-top:5px;font:900 8px Inter;letter-spacing:1.6px}
.donate-retro:hover{transform:rotate(0deg) translateY(2px);filter:brightness(1.08);box-shadow:inset 0 0 0 2px #e4c47f,inset 0 -6px 0 rgba(74,38,10,.18),0 5px 0 #2b1b0d,0 10px 20px #000}
.thanks{color:var(--red)!important;font:900 10px Inter!important;letter-spacing:1.3px}

@media(max-width:900px){.support-box{grid-template-columns:1fr;gap:40px}.support h2{font-size:60px}.donate-card{max-width:520px}}
@media(max-width:560px){.support h2{font-size:52px}.donate-card{padding:28px 20px}.donate-retro span{font-size:32px}}

#radarPlayers{position:absolute;inset:0;z-index:3;pointer-events:none}
.player-blip{
  position:absolute;
  width:8px;
  height:8px;
  margin-left:-4px;
  margin-top:-4px;
  border-radius:50%;
  background:var(--lime);
  box-shadow:0 0 5px var(--lime),0 0 13px rgba(201,255,50,.85),0 0 22px rgba(201,255,50,.38);
  animation:playerPulse 1.55s ease-in-out infinite alternate;
}
.player-blip:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:18px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(201,255,50,.25);
  border-radius:50%;
  animation:playerRing 1.8s ease-out infinite;
}
@keyframes playerPulse{
  from{opacity:.68;transform:scale(.82)}
  to{opacity:1;transform:scale(1.18)}
}
@keyframes playerRing{
  0%{opacity:.65;transform:translate(-50%,-50%) scale(.35)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}
}

.hero-bg{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(8,9,10,.98) 0%,rgba(8,9,10,.92) 33%,rgba(8,9,10,.52) 63%,rgba(8,9,10,.62) 100%),
    linear-gradient(0deg,rgba(8,9,10,.98) 0%,transparent 50%,rgba(8,9,10,.35) 100%),
    radial-gradient(circle at 82% 48%,rgba(255,40,30,.18),transparent 22%),
    linear-gradient(180deg,#11171b 0%,#0a0c0e 58%,#050607 100%);
}
.hero-bg:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.38;
  background:
    linear-gradient(90deg,transparent 0 62%,rgba(255,60,40,.08) 62% 63%,transparent 63%),
    repeating-linear-gradient(90deg,transparent 0 110px,rgba(255,255,255,.018) 111px 112px),
    repeating-linear-gradient(0deg,transparent 0 70px,rgba(255,255,255,.015) 71px 72px);
}
.hero-bg:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),
    radial-gradient(circle at 74% 52%,rgba(255,62,53,.13),transparent 30%);
}
.battle-scene{position:absolute;inset:0;overflow:hidden}
.city-glow{
  position:absolute;right:2%;bottom:10%;width:52%;height:55%;
  background:
    linear-gradient(90deg,transparent 0 7%,#161b1e 7% 13%,transparent 13% 18%,#131719 18% 27%,transparent 27% 31%,#181c1f 31% 42%,transparent 42% 48%,#111518 48% 64%,transparent 64% 68%,#161a1d 68% 82%,transparent 82%),
    linear-gradient(180deg,transparent 0 52%,#0b0e10 52%);
  opacity:.72;
  filter:drop-shadow(0 0 25px rgba(255,40,30,.08));
}
.alarm{
  position:absolute;width:9px;height:9px;border-radius:50%;
  background:#ff2b24;box-shadow:0 0 8px #ff2b24,0 0 24px #ff2b24,0 0 48px rgba(255,43,36,.55);
  animation:alarmPulse 1.15s steps(2,end) infinite;
}
.a1{right:20%;top:24%}.a2{right:37%;top:34%;animation-delay:.5s}
@keyframes alarmPulse{0%,48%{opacity:.25}49%,100%{opacity:1}}

.smoke{
  position:absolute;border-radius:50%;filter:blur(18px);opacity:.22;
  background:radial-gradient(circle at 50% 50%,#cfd7d7 0 10%,#687173 35%,transparent 70%);
  animation:smokeDrift 10s ease-in-out infinite alternate;
}
.s1{right:7%;bottom:13%;width:420px;height:170px}
.s2{right:32%;bottom:26%;width:330px;height:130px;animation-delay:-4s}
.s3{right:18%;top:13%;width:260px;height:100px;animation-delay:-7s}
@keyframes smokeDrift{
  from{transform:translate3d(-20px,12px,0) scale(1)}
  to{transform:translate3d(45px,-18px,0) scale(1.15)}
}

.survivor,.zombie{
  position:absolute;bottom:14%;
  transform-origin:50% 100%;
}
.survivor{
  width:34px;height:82px;
  background:
    radial-gradient(circle at 50% 10%,#111 0 9px,transparent 10px),
    linear-gradient(90deg,transparent 7px,#172028 7px 26px,transparent 26px) 50% 26px/34px 38px no-repeat,
    linear-gradient(70deg,transparent 0 38%,#13191e 39% 58%,transparent 59%) 2px 57px/17px 29px no-repeat,
    linear-gradient(110deg,transparent 0 38%,#13191e 39% 58%,transparent 59%) 16px 57px/17px 29px no-repeat;
  filter:drop-shadow(0 4px 7px #000);
  animation:survivorRecoil 1.4s ease-in-out infinite;
}
.survivor .gun{
  position:absolute;left:24px;top:32px;width:44px;height:6px;background:#222b31;
  transform:rotate(-7deg);transform-origin:left center;
  box-shadow:14px 0 0 -1px #151a1e;
}
.survivor .muzzle{
  position:absolute;left:67px;top:26px;width:14px;height:14px;
  background:radial-gradient(circle,#fff8b0 0 15%,#ffb02d 28%,#ff4b1f 52%,transparent 67%);
  opacity:0;animation:muzzleFlash 1.4s steps(1,end) infinite;
}
.sv1{right:45%;bottom:15%;transform:scale(1.18)}
.sv2{right:52%;bottom:13%;transform:scale(.9);animation-delay:.45s}
.sv3{right:59%;bottom:16%;transform:scale(.72);animation-delay:.8s}
.sv2 .muzzle{animation-delay:.45s}.sv3 .muzzle{animation-delay:.8s}
@keyframes survivorRecoil{
  0%,70%,100%{margin-left:0}
  73%{margin-left:-2px}
  76%{margin-left:0}
}
@keyframes muzzleFlash{
  0%,70%{opacity:0}
  71%,74%{opacity:1}
  75%,100%{opacity:0}
}

.zombie{
  width:30px;height:76px;
  background:
    radial-gradient(circle at 50% 9%,#251514 0 9px,transparent 10px),
    linear-gradient(90deg,transparent 8px,#2a1614 8px 23px,transparent 23px) 50% 25px/30px 38px no-repeat,
    linear-gradient(72deg,transparent 0 40%,#2b1715 41% 58%,transparent 59%) 2px 57px/14px 25px no-repeat,
    linear-gradient(108deg,transparent 0 40%,#2b1715 41% 58%,transparent 59%) 15px 57px/14px 25px no-repeat;
  filter:drop-shadow(0 4px 8px #000);
  animation:zombieLurch 2.4s ease-in-out infinite;
}
.zombie:before,.zombie:after{
  content:"";position:absolute;top:30px;width:25px;height:5px;background:#2b1715;
}
.zombie:before{right:18px;transform:rotate(18deg);transform-origin:right center}
.zombie:after{left:18px;transform:rotate(-20deg);transform-origin:left center}
.z1{right:16%;transform:scale(1.35);animation-delay:-.2s}
.z2{right:25%;bottom:16%;transform:scale(1.05);animation-delay:-.7s}
.z3{right:8%;bottom:17%;transform:scale(.9);animation-delay:-1.1s}
.z4{right:33%;bottom:14%;transform:scale(.8);animation-delay:-1.7s}
.z5{right:2%;bottom:13%;transform:scale(.72);animation-delay:-.9s}
.z6{right:39%;bottom:18%;transform:scale(.66);animation-delay:-1.4s}
@keyframes zombieLurch{
  0%,100%{margin-right:0;rotate:-2deg}
  50%{margin-right:12px;rotate:3deg}
}

.tracer{
  position:absolute;height:2px;width:115px;
  background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,196,71,.8),transparent);
  filter:drop-shadow(0 0 5px #ff9b2b);
  transform-origin:left center;
  opacity:0;
  animation:tracerShot 1.4s linear infinite;
}
.t1{right:37%;top:51%;transform:rotate(-5deg);animation-delay:.05s}
.t2{right:46%;top:55%;transform:rotate(2deg);animation-delay:.48s}
.t3{right:52%;top:49%;transform:rotate(-2deg);animation-delay:.84s}
@keyframes tracerShot{
  0%,70%{opacity:0;translate:-10px 0}
  71%{opacity:1;translate:0 0}
  77%{opacity:.1;translate:105px 0}
  78%,100%{opacity:0}
}

.embers{
  position:absolute;right:5%;bottom:9%;width:46%;height:45%;
  background-image:
    radial-gradient(circle,#ffb22b 0 1px,transparent 2px),
    radial-gradient(circle,#ff572f 0 1px,transparent 2px),
    radial-gradient(circle,#ffd778 0 1px,transparent 2px);
  background-size:70px 90px,110px 130px,150px 170px;
  background-position:0 0,20px 30px,50px 70px;
  opacity:.32;
  animation:embersRise 8s linear infinite;
}
@keyframes embersRise{
  from{background-position:0 90px,20px 130px,50px 170px}
  to{background-position:0 -90px,20px -130px,50px -170px}
}

@media(max-width:900px){
  .battle-scene{opacity:.78}
  .sv3,.z4,.z5,.z6{display:none}
}
@media(max-width:560px){
  .battle-scene{opacity:.5}
  .survivor,.zombie{transform:scale(.7)}
}
@media(prefers-reduced-motion:reduce){
  .alarm,.smoke,.survivor,.survivor .muzzle,.zombie,.tracer,.embers{animation:none!important}
  .tracer,.survivor .muzzle{display:none}
}

/* v11 — GIF HERO BACKGROUND */
.hero-bg{
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(8,9,10,.98) 0%,rgba(8,9,10,.90) 30%,rgba(8,9,10,.52) 58%,rgba(8,9,10,.40) 100%),
    linear-gradient(0deg,rgba(8,9,10,.96) 0%,rgba(8,9,10,.20) 48%,rgba(8,9,10,.42) 100%),
    url('../img/zombie-hero.gif') center center / cover no-repeat!important;
  filter:none!important;
}
.hero-bg:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 76% 48%,rgba(255,40,30,.12),transparent 32%),
    linear-gradient(90deg,rgba(0,0,0,.16),transparent 55%)!important;
  opacity:1!important;
  pointer-events:none!important;
}
.hero-bg:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px),
    radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.40) 100%)!important;
}
.battle-scene{display:none!important}

@media(max-width:900px){
  .hero-bg{
    background:
      linear-gradient(90deg,rgba(8,9,10,.94),rgba(8,9,10,.55)),
      linear-gradient(0deg,rgba(8,9,10,.94),transparent 50%,rgba(8,9,10,.35)),
      url('../img/zombie-hero.gif') 58% center / cover no-repeat!important;
  }
}
@media(max-width:560px){
  .hero-bg{
    background:
      linear-gradient(90deg,rgba(8,9,10,.88),rgba(8,9,10,.56)),
      linear-gradient(0deg,rgba(8,9,10,.96),transparent 55%,rgba(8,9,10,.45)),
      url('../img/zombie-hero.gif') center center / cover no-repeat!important;
  }
}


/* v12 - retro top audio player */
.top-player{
  margin-left:28px;
  display:flex;
  align-items:center;
  gap:7px;
  height:44px;
  max-width:470px;
  padding:5px 9px;
  border:1px solid #3c4536;
  background:linear-gradient(180deg,rgba(20,25,20,.96),rgba(8,11,9,.96));
  box-shadow:inset 0 0 18px rgba(201,255,50,.035),0 0 0 1px rgba(0,0,0,.65);
  font-family:'Barlow Condensed',sans-serif;
}
.top-player:before{
  content:"";
  width:3px;
  height:30px;
  background:#566347;
  box-shadow:0 0 8px rgba(201,255,50,.18);
}
.top-player.is-playing:before{
  background:var(--lime);
  box-shadow:0 0 10px var(--lime);
}
.top-player.autoplay-blocked .player-label:after{
  content:" • PLAY";
  color:var(--red);
}
.player-btn{
  width:29px;
  height:29px;
  border:1px solid #4a5346;
  background:#111612;
  color:#d6dfcc;
  cursor:pointer;
  font-size:11px;
  font-weight:900;
  line-height:1;
}
.player-btn:hover{
  border-color:var(--lime);
  color:var(--lime);
  box-shadow:0 0 10px rgba(201,255,50,.14);
}
.player-display{
  min-width:165px;
  max-width:210px;
  overflow:hidden;
  border-left:1px solid #30372e;
  padding-left:8px;
}
.player-label{
  display:block;
  color:#737d6c;
  font-size:7px;
  font-weight:900;
  letter-spacing:1.3px;
  line-height:1;
  margin-bottom:4px;
}
.player-title{
  display:block;
  color:#c9ff32;
  font-size:10px;
  font-weight:800;
  letter-spacing:.45px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 0 7px rgba(201,255,50,.14);
}
.player-volume{
  display:flex;
  align-items:center;
  gap:5px;
  color:#737d6c;
  font-size:7px;
  font-weight:900;
  letter-spacing:.7px;
}
.player-volume input[type=range]{
  width:60px;
  height:3px;
  accent-color:#c9ff32;
  cursor:pointer;
}
.player-volume b{
  min-width:27px;
  color:#a9b29f;
  font-size:8px;
}
@media(max-width:1050px){
  .top-player{max-width:340px;margin-left:16px}
  .player-display{max-width:145px;min-width:120px}
  .player-volume input[type=range]{width:42px}
}
@media(max-width:820px){
  .top-player{
    order:3;
    margin-left:auto;
    max-width:265px;
  }
  .player-display{max-width:120px;min-width:100px}
  .player-volume span,.player-volume b{display:none}
  .player-volume input[type=range]{width:44px}
}
@media(max-width:560px){
  .topbar{height:auto;min-height:78px}
  .nav{padding:10px 0;flex-wrap:wrap}
  .top-player{
    width:100%;
    max-width:none;
    margin:8px 0 0;
    order:5;
  }
  .player-display{flex:1;max-width:none}
  .player-volume span,.player-volume b{display:inline}
  .player-volume input[type=range]{width:70px}
}


/* v14 - VISUAL ONLY retro-zombie skin.
   Celowo NIE zmieniamy szerokości, kolejności, flex/order ani breakpointów v12. */
.top-player{
  border-color:#4a5639!important;
  background:
    linear-gradient(180deg,rgba(21,27,18,.97),rgba(8,11,8,.97))!important;
  box-shadow:
    inset 0 0 0 1px #11160f,
    inset 0 0 14px rgba(201,255,50,.045),
    0 0 0 1px #050605!important;
  position:relative;
}
.top-player:after{
  content:"☣";
  position:absolute;
  right:5px;
  top:2px;
  color:#66754b;
  font-size:10px;
  opacity:.7;
  pointer-events:none;
}
.top-player.is-playing{
  border-color:#718947!important;
  box-shadow:
    inset 0 0 0 1px #11160f,
    inset 0 0 18px rgba(201,255,50,.07),
    0 0 8px rgba(201,255,50,.06)!important;
}
.player-btn{
  border-color:#47513e!important;
  background:linear-gradient(#151a13,#0b0e0a)!important;
  color:#c0c9b4!important;
  text-shadow:0 0 4px rgba(201,255,50,.08);
}
.player-btn:hover{
  border-color:#91b53c!important;
  color:#c9ff32!important;
  box-shadow:inset 0 0 6px rgba(201,255,50,.06)!important;
}
.player-display{
  background:linear-gradient(180deg,#0b1009,#10160d)!important;
  border-left-color:#34402e!important;
  position:relative;
}
.player-display:after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:rgba(201,255,50,.10);
  animation:zonScan 2.2s linear infinite;
  pointer-events:none;
}
@keyframes zonScan{
  from{top:2px}
  to{top:26px}
}
.player-label{
  color:#748263!important;
}
.player-title{
  color:#c9ff32!important;
  text-shadow:0 0 6px rgba(201,255,50,.13)!important;
}
.player-volume{
  color:#6f7b63!important;
}
.player-volume input[type=range]{
  accent-color:#9bcf2f!important;
}
.player-volume b{
  color:#a8b49e!important;
}
.top-player.autoplay-blocked .player-label:after{
  content:" • CLICK TO START"!important;
  color:#c75a46!important;
}

/* v15 POBÓR */
.recruitment{position:relative;overflow:hidden;background:radial-gradient(circle at 52% 48%,rgba(150,200,50,.09),transparent 27%),linear-gradient(#090c0a,#10140f,#090b09);border-top:1px solid #293024;border-bottom:1px solid #293024}
.recruitment:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(201,255,50,.015) 3px 4px)}
.recruitment h2 span{color:var(--lime)}.recruit-grid{position:relative;display:grid;grid-template-columns:1.05fr .72fr .9fr;gap:28px;align-items:center}.recruit-copy h3,.recruit-panel h3{font:900 27px 'Barlow Condensed';margin:14px 0}.recruit-copy p{color:#aaa;font-size:12px;line-height:1.85}.recruit-copy p b{color:#eee}.recruit-alert{display:inline-block;padding:7px 10px;border:1px solid #647c34;background:#11190d;color:var(--lime);font-size:9px;font-weight:900;letter-spacing:1.4px}
.roles{margin-top:20px;border:1px solid #343d2e;background:#0b0e0b}.roles div{padding:12px 14px;border-bottom:1px solid #252c22}.roles div:last-child{border:0}.roles b{display:block;color:#dfe6d9;font:900 16px 'Barlow Condensed'}.roles b:first-letter{color:var(--lime)}.roles small{display:block;color:#777f73;font-size:9px;margin-top:4px}
.recruit-zombie{position:relative;min-height:490px;display:flex;align-items:flex-end;justify-content:center}.recruit-zombie img{position:relative;z-index:2;width:min(100%,350px);max-height:490px;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.1) saturate(.85) drop-shadow(0 18px 18px #000)}.hazard-ring{position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(201,255,50,.16);background:repeating-radial-gradient(circle,transparent 0 50px,rgba(201,255,50,.07) 51px 52px)}.specimen{position:absolute;z-index:3;bottom:5px;left:5px;padding:7px;border-left:2px solid var(--red);background:#080a08dd;color:#747b70;font:8px/1.5 monospace}.specimen b{color:#b74c3c}
.recruit-side{display:grid;gap:13px}.recruit-panel{border:1px solid #37412f;background:#0b0e0b;padding:18px 20px}.recruit-panel h3{color:var(--lime);margin:0 0 10px}.recruit-panel ul{list-style:none;margin:0;padding:0}.recruit-panel li{position:relative;padding:6px 0 6px 21px;color:#a6ada1;font-size:10px;border-bottom:1px dotted #272d25}.recruit-panel li:before{content:"☣";position:absolute;left:0;color:#789b2b}.recruit-contact{border:1px solid #65412e;background:linear-gradient(145deg,#17110e,#0b0c0a);padding:17px 20px}.recruit-contact span{color:var(--red);font-size:9px;font-weight:900;letter-spacing:1.2px}.recruit-contact b{display:block;color:#eee;font:900 20px 'Barlow Condensed';margin:6px 0 10px}.recruit-contact p{margin:4px 0;color:#858b80;font-size:10px}.recruit-contact strong{color:var(--lime)}.recruit-note{position:relative;margin-top:28px;padding:14px 17px;border-left:2px solid var(--lime);background:#0b0e0b;color:#777f74;font-size:10px;line-height:1.7}.recruit-note b{color:var(--lime)}
@media(max-width:1000px){.recruit-grid{grid-template-columns:1fr 1fr}.recruit-side{grid-column:1/-1;grid-template-columns:1fr 1fr}.recruit-contact{grid-column:1/-1}}
@media(max-width:700px){.recruit-grid{grid-template-columns:1fr}.recruit-zombie{min-height:380px}.recruit-zombie img{max-height:380px}.recruit-side{grid-column:auto;grid-template-columns:1fr}.recruit-contact{grid-column:auto}}

/* v16 — TWÓRCY */
.creators{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 48%,rgba(201,255,50,.075),transparent 24%),
    radial-gradient(circle at 20% 70%,rgba(255,62,53,.06),transparent 28%),
    linear-gradient(180deg,#090b0a,#101310 52%,#090b09);
  border-top:1px solid #282e25;
  border-bottom:1px solid #282e25;
}
.creators:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(201,255,50,.014) 3px 4px),
    linear-gradient(90deg,transparent 49.8%,rgba(201,255,50,.018) 50%,transparent 50.2%);
}
.creators-title{position:relative;z-index:2}
.creators-title h2 span{color:var(--lime)}
.creators-grid{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:1.05fr .72fr .82fr;
  gap:28px;
  align-items:center;
}
.creators-copy h3,.creator-panel h3{
  font:900 27px 'Barlow Condensed';
  letter-spacing:.4px;
}
.creators-copy h3{margin:14px 0}
.creators-copy p{
  color:#a7aca3;
  font-size:12px;
  line-height:1.9;
}
.creators-copy p b{color:#e8ece4}
.creator-alert{
  display:inline-block;
  padding:7px 10px;
  color:#c9ff32;
  border:1px solid #5e7534;
  background:#10170d;
  font-size:9px;font-weight:900;letter-spacing:1.35px;
}
.creator-email-box{
  margin:18px 0;
  padding:15px 17px;
  border-left:2px solid var(--lime);
  border-top:1px solid #30392a;
  border-bottom:1px solid #30392a;
  background:#0a0e09;
}
.creator-email-box small{
  display:block;
  color:#68765c;
  font-size:8px;font-weight:900;letter-spacing:1.2px;
}
.creator-email-box a{
  display:inline-block;
  margin-top:5px;
  color:#c9ff32;
  text-decoration:none;
  font:900 24px 'Barlow Condensed';
  letter-spacing:.6px;
  text-shadow:0 0 8px rgba(201,255,50,.13);
}
.creator-email-box a:hover{color:#e0ff8a}
.creator-quote{
  margin:18px 0;
  padding:14px 16px;
  border:1px dashed #5a4532;
  background:linear-gradient(145deg,#15100d,#0b0d0a);
  color:#d2bfae;
  font:700 15px/1.5 'Barlow Condensed';
  letter-spacing:.3px;
}
.creator-gif-wrap{display:flex;justify-content:center}
.creator-screen{
  width:min(100%,360px);
  border:1px solid #424a3c;
  background:#080b08;
  box-shadow:0 25px 70px #0008,inset 0 0 25px rgba(201,255,50,.025);
}
.creator-screen-head,.creator-screen-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 10px;
  background:#0e130d;
  color:#69765e;
  font:800 8px monospace;
  letter-spacing:1px;
}
.creator-screen-head b{color:#d74b39}
.creator-screen img{
  display:block;
  width:100%;
  max-height:480px;
  object-fit:contain;
  background:#070908;
  filter:contrast(1.08) saturate(.85);
}
.creator-screen-foot{
  border-top:1px solid #2f362b;
  color:#788b63;
}
.creator-side{display:grid;gap:13px}
.creator-panel{
  border:1px solid #38412f;
  background:#0b0e0b;
  padding:18px 20px;
}
.creator-panel h3{
  color:var(--lime);
  margin:0 0 10px;
}
.creator-panel ul{list-style:none;margin:0;padding:0}
.creator-panel li{
  position:relative;
  padding:6px 0 6px 20px;
  color:#a5aca1;
  font-size:10px;
  border-bottom:1px dotted #272d25;
}
.creator-panel li:last-child{border-bottom:0}
.creator-panel li:before{
  content:"▸";
  position:absolute;left:0;
  color:#84ac2d;
}
.creator-mail-btn{
  display:block;
  text-align:center;
  padding:15px 16px;
  text-decoration:none;
  border:1px solid #728d38;
  background:linear-gradient(180deg,#18210f,#0f150c);
  box-shadow:inset 0 0 0 1px #0a0d08,0 7px 18px #0006;
}
.creator-mail-btn span{
  display:block;
  color:#c9ff32;
  font:900 18px 'Barlow Condensed';
  letter-spacing:.8px;
}
.creator-mail-btn small{
  display:block;
  margin-top:4px;
  color:#7f8d72;
  font-size:9px;
}
.creator-mail-btn:hover{
  border-color:#a5cf45;
  filter:brightness(1.07);
}
@media(max-width:1000px){
  .creators-grid{grid-template-columns:1fr 1fr}
  .creator-side{grid-column:1/-1;grid-template-columns:1fr 1fr}
  .creator-mail-btn{grid-column:1/-1}
}
@media(max-width:700px){
  .creators-grid{grid-template-columns:1fr}
  .creator-side{grid-column:auto;grid-template-columns:1fr}
  .creator-mail-btn{grid-column:auto}
}

/* v17 LEGAL */
.legal-footer-links{width:100%;margin-top:18px;padding-top:13px;border-top:1px solid #293024;text-align:center;font:800 8px/1.8 Arial;letter-spacing:.6px}.legal-footer-links a{color:#7f8d72;text-decoration:none;margin:0 5px}.legal-footer-links a:hover{color:#c9ff32}.legal-footer-links span{color:#3f493a}
.legal-body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 12%,rgba(201,255,50,.07),transparent 25%),#080b09;color:#aab1a5;font-family:Arial,sans-serif}.legal-top{display:flex;justify-content:space-between;padding:16px max(20px,calc((100% - 1050px)/2));border-bottom:1px solid #30382b;background:#0b0f0c;color:#7d8b70;font-size:9px;letter-spacing:1px}.legal-top a,.legal-note a{color:#c9ff32;text-decoration:none}.legal-shell{width:min(92%,1050px);margin:auto;padding:55px 0 70px}.legal-hero{padding-bottom:28px;border-bottom:1px solid #323a2e}.legal-hero>span{display:inline-block;padding:6px 9px;border:1px solid #526437;color:#c9ff32;background:#10170d;font:900 8px monospace;letter-spacing:1.3px}.legal-hero h1{margin:15px 0 8px;color:#f0f3ed;font:900 clamp(34px,6vw,68px)/.95 'Barlow Condensed',Arial}.legal-hero p{color:#7f887a;font-size:11px}.legal-card{margin-top:28px;padding:30px 34px;border:1px solid #353e30;background:linear-gradient(145deg,#0d110d,#090c09);box-shadow:0 20px 60px #0005}.legal-card h2{margin:30px 0 10px;color:#c9ff32;font:900 23px 'Barlow Condensed',Arial}.legal-card h2:first-child{margin-top:0}.legal-card p,.legal-card li{font-size:11px;line-height:1.9;color:#a5aca0}.legal-card strong{color:#e5eae1}.legal-card a{color:#c9ff32;text-decoration:none}.legal-note{margin-top:18px;padding:12px 15px;border-left:2px solid #6d8537;background:#0c100c;color:#66715f;font:800 8px/1.6 monospace}@media(max-width:600px){.legal-top{gap:10px;flex-direction:column}.legal-shell{padding-top:35px}.legal-card{padding:22px 18px}}