/* ARMA-GEDON · Rust – własny wygląd (osobny od Wardogs): sadza, rdza, kość, taśma ostrzegawcza */
@font-face{font-family:Anton;font-weight:400;font-display:swap;src:url(fonts/anton-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Anton;font-weight:400;font-display:swap;src:url(fonts/anton-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-weight:400;font-display:swap;src:url(fonts/barlow-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-weight:400;font-display:swap;src:url(fonts/barlow-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(fonts/barlow-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(fonts/barlow-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-weight:700;font-display:swap;src:url(fonts/barlow-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-weight:700;font-display:swap;src:url(fonts/barlow-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --soot:#14110e; --soot2:#1c1814; --soot3:#25201a; --line:#3b3229; --line2:#54473a;
  --bone:#ebe1cd; --bone2:#c9bda6; --mute:#958871;
  --rust:#c4471c; --rust2:#e2672e; --rustd:#7a2a10; --haz:#e3ae2f;
  --kg:#6aa84f; --kb:#4a8cc9; --kr:#d0392b;
  --disp:Anton,Impact,"Arial Narrow",sans-serif;
  --body:Barlow,"Segoe UI",Arial,sans-serif;
  --mono:"IBM Plex Mono",Consolas,monospace;
  --w:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;min-height:100vh;background:var(--soot);color:var(--bone);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(1200px 520px at 85% -10%,rgba(196,71,28,.22),transparent 60%),
    radial-gradient(900px 600px at -10% 40%,rgba(122,42,16,.18),transparent 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .45 0 0 0 0 .35 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
a{color:inherit}
img{max-width:100%;display:block}
.mono{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase}

/* taśma ostrzegawcza */
.tape{height:10px;background:repeating-linear-gradient(-45deg,var(--haz) 0 14px,#16120c 14px 28px);opacity:.9}

/* nagłówek */
.hd{max-width:var(--w);margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line)}
.hd-back{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px 0 10px;border:1.5px solid var(--bone2);color:var(--bone);font:600 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background .15s,color .15s}
.hd-back:hover{background:var(--bone);color:var(--soot)}
.hd-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:400 22px/1 var(--disp);letter-spacing:.04em;text-transform:uppercase}
.hd-brand img{width:40px;height:40px}
.hd-brand em{font-style:normal;color:var(--rust2)}
.hd-nav{margin-left:auto;display:flex;gap:4px}
.hd-nav a{display:flex;align-items:baseline;gap:5px;padding:8px 9px;white-space:nowrap;text-decoration:none;font:600 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bone2);border:1px solid transparent}
.hd-nav a i{font-style:normal;color:var(--rust2);font-size:11px}
.hd-nav a:hover{border-color:var(--line2);color:var(--bone)}

main{max-width:var(--w);margin:0 auto;padding:0 24px}

/* hero */
.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center;padding:64px 0 72px;border-bottom:1px solid var(--line)}
.hero-id{margin:0 0 10px;color:var(--mute);font-size:12.5px}
.hero h1{margin:0;line-height:.86;text-transform:uppercase;font-family:var(--disp);font-weight:400}
.hero-big{display:block;font-size:clamp(110px,17vw,230px);letter-spacing:.01em;color:transparent;-webkit-text-stroke:2px var(--rust2);
  background:repeating-linear-gradient(-12deg,rgba(226,103,46,.95) 0 3px,rgba(196,71,28,.75) 3px 7px,rgba(122,42,16,.9) 7px 9px);-webkit-background-clip:text;background-clip:text;
  text-shadow:0 0 60px rgba(196,71,28,.25)}
.hero-sub{display:block;margin-top:8px;font-size:clamp(40px,5.4vw,72px);color:var(--bone);letter-spacing:.02em}
.hero-lead{max-width:560px;margin:26px 0 30px;color:var(--bone2);font-size:19px}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px}

.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;font:700 15px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:transform .12s,background .15s,color .15s,box-shadow .15s}
.btn:active{transform:translateY(1px)}
.btn-rust{background:var(--rust);color:#fff6ec;box-shadow:4px 4px 0 var(--rustd)}
.btn-rust:hover{background:var(--rust2);box-shadow:6px 6px 0 var(--rustd)}
.btn-line{border:1.5px solid var(--line2);color:var(--bone)}
.btn-line:hover{border-color:var(--bone2);background:rgba(235,225,205,.06)}
.btn-bone{background:var(--bone);color:var(--soot);box-shadow:4px 4px 0 rgba(0,0,0,.35)}
.btn-bone:hover{background:#fff}

/* karta serwera */
.spec{position:relative;background:var(--soot2);border:1px solid var(--line2);padding:26px 26px 18px;box-shadow:10px 10px 0 rgba(0,0,0,.35)}
.spec::before,.spec::after{content:"";position:absolute;top:10px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8a7a66,#3a3027)}
.spec::before{left:10px}.spec::after{right:10px}
.spec-h{margin:0 0 14px;padding-bottom:12px;border-bottom:1px dashed var(--line2);font-size:13px;color:var(--mute)}
.spec dl{margin:0}
.spec dl div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.spec dl div:last-child{border-bottom:0}
.spec dt{color:var(--bone2);font-size:15px}
.spec dd{margin:0;font:400 28px/1 var(--disp);letter-spacing:.03em;color:var(--bone)}
.spec dd.spec-st{font:600 13px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--haz)}
.stamp{position:absolute;right:-14px;top:-26px;transform:rotate(7deg);padding:10px 14px;border:3px solid var(--rust2);color:var(--rust2);font:400 22px/.95 var(--disp);letter-spacing:.06em;text-transform:uppercase;text-align:center;background:rgba(20,17,14,.85);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 1.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 1.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* sekcje */
.sec{padding:72px 0;border-bottom:1px solid var(--line)}
.sec-h{display:flex;align-items:baseline;gap:18px;margin:0 0 14px;font:400 clamp(40px,5vw,64px)/1 var(--disp);text-transform:uppercase;letter-spacing:.02em}
.sec-h .mono{font-size:15px;color:var(--soot);background:var(--rust2);padding:5px 8px 4px;letter-spacing:.08em;transform:translateY(-10px)}
.sec-lead{max-width:720px;margin:0 0 36px;color:var(--bone2);font-size:18px}

/* lista eventów */
.manifest{list-style:none;margin:0;padding:0;border-top:2px solid var(--bone2)}
.manifest>li{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line)}
.manifest h3{margin:0 0 4px;font:400 30px/1.05 var(--disp);letter-spacing:.03em;text-transform:uppercase}
.manifest p{margin:0;color:var(--bone2)}
.mf-lvl{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-content:start}
.mf-lvl b{grid-column:1/-1;font:400 44px/1 var(--disp);color:var(--rust2)}
.mf-lvl i{height:8px;background:var(--line2)}
.mf-lvl[data-lvl="1"] i:nth-of-type(-n+1),.mf-lvl[data-lvl="2"] i:nth-of-type(-n+2),.mf-lvl[data-lvl="3"] i{background:var(--rust2)}
.mf-sp b{color:var(--haz)}

/* zrzuty ekranu jak przyklejone zdjęcia */
.shot{position:relative;margin:44px 0 0;max-width:820px;padding:12px 12px 10px;background:#e9e0cd;color:#3b3229;box-shadow:14px 14px 0 rgba(0,0,0,.35)}
.shot-r{margin-left:auto;transform:rotate(.8deg)}
.shot-l{transform:rotate(-.8deg)}
.shot::before{content:"";position:absolute;top:-12px;left:50%;width:120px;height:26px;transform:translateX(-50%) rotate(-3deg);background:rgba(227,174,47,.55)}
.shot img{width:100%;height:auto;filter:saturate(.92) contrast(1.04)}
.shot figcaption{padding-top:10px;font-size:11.5px}

/* klucze jako przywieszki */
.tags{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tag{position:relative;padding:44px 22px 22px 58px;min-height:150px;background:linear-gradient(90deg,var(--soot3),var(--soot2));clip-path:polygon(34px 0,100% 0,100% 100%,34px 100%,0 50%)}
.tag::before{content:"";position:absolute;left:24px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--soot);box-shadow:inset 0 0 0 2px var(--line2)}
.tag::after{content:"";position:absolute;left:34px;top:0;bottom:0;width:6px;background:var(--c)}
.tag span{position:absolute;top:16px;left:58px;font-size:11px;color:var(--mute)}
.tag b{display:block;font:400 34px/1 var(--disp);letter-spacing:.04em;text-transform:uppercase;color:var(--c)}
.tag small{display:block;margin-top:6px;color:var(--bone2);font-size:15px}
.tag-g{--c:var(--kg)}.tag-b{--c:var(--kb)}.tag-r{--c:var(--kr)}

/* raidy: tydzień na osi godzin 12:00–02:00 */
.raid-now{display:inline-block;margin:0 0 22px;padding:8px 12px;border:1.5px solid currentColor;font-size:13px}
.raid-now.on{color:var(--rust2)}
.raid-now.off{color:var(--kg)}
.clock{border:1px solid var(--line2);background:var(--soot2);padding:18px 20px 10px}
.clock-axis,.clock-row{display:grid;grid-template-columns:60px 1fr;gap:14px;align-items:center}
.clock-axis div{position:relative;height:22px}
.clock-axis i{position:absolute;left:calc(var(--h) / 14 * 100%);transform:translateX(-50%);font:600 11px/1 var(--mono);font-style:normal;color:var(--mute)}
.clock-axis i:first-child{transform:none}.clock-axis i:last-child{transform:translateX(-100%)}
.clock-row{padding:7px 0;border-top:1px solid var(--line)}
.clock-row span{font:600 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bone2)}
.clock-row div{position:relative;height:34px;background:repeating-linear-gradient(90deg,transparent 0 calc(100%/7 - 1px),var(--line) calc(100%/7 - 1px) calc(100%/7))}
.clock-row b{position:absolute;top:3px;bottom:3px;left:calc(var(--a) / 14 * 100%);width:calc((var(--b) - var(--a)) / 14 * 100%);display:flex;align-items:center;padding:0 10px;overflow:hidden;white-space:nowrap;
  background:repeating-linear-gradient(-45deg,var(--rust) 0 10px,#b23d16 10px 20px);color:#fff4e8;font:600 12.5px/1 var(--mono);letter-spacing:.04em}
.clock-row.today span{color:var(--haz)}
.clock-row.today b{box-shadow:0 0 0 2px var(--haz)}
.clock-now{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--haz);box-shadow:0 0 10px var(--haz)}
.note{margin:14px 0 0;color:var(--mute);font-size:12.5px}

/* wipe */
.wipe-in{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;margin-top:34px}
.wipe-big{padding:22px 28px;border:3px solid var(--bone);transform:rotate(-2deg);text-align:center;box-shadow:8px 8px 0 var(--rustd)}
.wipe-big span{display:block;font:600 14px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rust2)}
.wipe-big b{display:block;margin-top:8px;font:400 clamp(44px,6vw,76px)/.95 var(--disp);text-transform:uppercase;letter-spacing:.02em}
.wipe-in p{margin:0;max-width:520px;color:var(--bone2);font-size:18px}

/* odliczanie do wipe'a */
.countdown{display:inline-flex;align-items:baseline;gap:10px;margin:22px 0 0;padding:9px 14px 8px;border-left:4px solid var(--haz);background:rgba(227,174,47,.08);font-size:13px;color:var(--bone2)}
.countdown b{font:400 26px/1 var(--disp);letter-spacing:.04em;color:var(--haz)}

/* liczby */
.nums{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}
.nums div{padding:30px 18px 28px;border-right:1px solid var(--line)}
.nums div:last-child{border-right:0}
.nums b{display:block;font:400 clamp(44px,5vw,64px)/.9 var(--disp);letter-spacing:.02em;color:var(--bone)}
.nums div:nth-child(odd) b{color:var(--rust2)}
.nums span{display:block;margin-top:10px;color:var(--bone2);font-size:14.5px;line-height:1.35}

/* eventy: fakty i kategorie */
.mf-facts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;font-size:11.5px}
.mf-facts li{padding:5px 9px 4px;border:1px solid var(--line2);color:var(--bone2)}
.lvls{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0 0}
.lvl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center;padding:18px 20px;background:var(--soot2);border-top:4px solid var(--c)}
.lvl b{grid-row:span 2;font:400 46px/1 var(--disp);color:var(--c)}
.lvl span{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.lvl p{margin:0;color:var(--bone2);font-size:14.5px;line-height:1.4}
.l1{--c:var(--kg)}.l2{--c:var(--kb)}.l3{--c:var(--kr)}

/* klucze: zawartość i strefy */
.loot{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0 0}
.loot-col{padding:4px 0 0 18px;border-left:3px solid var(--c)}
.loot-col h3{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--c)}
.loot-col p{margin:0;color:var(--bone2);font-size:15.5px}
.loot-col .loot-up{margin-top:10px;font-size:11px;color:var(--mute)}
.zones{margin:44px 0 0;max-width:860px}
.zones-h{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--rust2)}
.zone{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:center;padding:7px 0}
.zone>span{color:var(--bone2);font-size:15px}
.bar{display:flex;height:30px;background:var(--soot2)}
.bar i{display:flex;align-items:center;padding-left:8px;width:calc(var(--w) * 1%);font:600 12px/1 var(--mono);font-style:normal;color:#10120e;overflow:hidden;white-space:nowrap}
.bar .g{background:var(--kg)}.bar .b{background:var(--kb)}.bar .r{background:var(--kr);color:#fff4ee}

/* alarm Rust+ */
.alarm{display:grid;grid-template-columns:260px 1fr;gap:44px;align-items:center;margin:48px 0 0;max-width:900px}
.alarm h3{margin:0 0 8px;font:400 34px/1 var(--disp);text-transform:uppercase;letter-spacing:.03em}
.alarm p{margin:0;color:var(--bone2)}
.alarm p.note{color:var(--mute)}
.alarm .note{margin-top:12px}
.phone{padding:14px;border:2px solid var(--line2);border-radius:26px;background:#0e0c0a;box-shadow:10px 10px 0 rgba(0,0,0,.35)}
.phone-in{padding:14px 14px 12px;border-radius:14px;background:var(--soot3);border-left:4px solid var(--rust2)}
.phone-in span{display:block;font-size:10.5px;color:var(--mute)}
.phone-in b{display:block;margin:6px 0 4px;font:600 16px/1.2 var(--body);color:var(--bone)}
.phone-in p{margin:0;font-size:13px;line-height:1.35}

/* rozgrywka */
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;padding:1px;list-style:none;background:var(--line)}
.feats li{padding:22px 20px 24px;background:var(--soot)}
.feats li:hover{background:var(--soot2)}
.feats span{font-size:11px;color:var(--rust2)}
.feats h3{margin:8px 0 6px;font:400 26px/1.05 var(--disp);letter-spacing:.03em;text-transform:uppercase}
.feats p{margin:0;color:var(--bone2);font-size:15px;line-height:1.45}
.apoc{position:relative;margin:28px 0 0;padding:28px 32px;border:2px solid var(--kr);background:linear-gradient(90deg,rgba(208,57,43,.22),rgba(208,57,43,.04) 70%)}
.apoc-k{font-size:12px;color:#ff9b8c}
.apoc h3{margin:6px 0 6px;font:400 clamp(44px,6vw,72px)/.9 var(--disp);letter-spacing:.03em;text-transform:uppercase;color:#ff6a55}
.apoc p{margin:0;max-width:620px;color:var(--bone);font-size:18px}

/* klany */
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.panel-box{padding:22px 24px;background:var(--soot2);border:1px solid var(--line2)}
.panel-box h3{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--rust2)}
.ticks{margin:0;padding:0;list-style:none}
.ticks li{position:relative;padding:9px 0 9px 26px;border-bottom:1px solid var(--line);color:var(--bone2);font-size:15.5px;line-height:1.45}
.ticks li:last-child{border-bottom:0}
.ticks li::before{content:"";position:absolute;left:2px;top:15px;width:10px;height:10px;background:var(--rust2);clip-path:polygon(0 0,100% 50%,0 100%)}
.ticks code{font-family:var(--mono);font-size:13px;color:var(--haz)}
.limits-h{margin:36px 0 12px;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--rust2)}
.limits{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0;padding:0;list-style:none;font-size:12px}
.limits li{display:flex;align-items:baseline;gap:10px;padding:10px 12px;border:1px solid var(--line2);color:var(--bone2);letter-spacing:.04em}
.limits b{font:400 24px/1 var(--disp);color:var(--bone);letter-spacing:.02em}

/* panel F2 */
.f2{display:grid;grid-template-columns:240px 1fr;border:1px solid var(--line2);background:#0f100e;box-shadow:12px 12px 0 rgba(0,0,0,.35)}
.f2-menu{margin:0;padding:18px 12px;list-style:none;background:#121412;border-right:1px solid var(--line);font-size:12.5px}
.f2-menu li{padding:8px 12px;color:var(--mute);letter-spacing:.08em}
.f2-menu li.on{color:var(--bone);background:rgba(237,107,33,.14);box-shadow:inset 3px 0 0 #ed6b21}
.f2-desc{margin:0;padding:22px 28px;display:grid;grid-template-columns:1fr 1fr;gap:4px 28px;align-content:start}
.f2-desc div{padding:12px 0;border-bottom:1px solid var(--line)}
.f2-desc dt{font:400 22px/1.1 var(--disp);letter-spacing:.03em;text-transform:uppercase;color:#ed6b21}
.f2-desc dd{margin:4px 0 0;color:var(--bone2);font-size:15px;line-height:1.45}
.cmds{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;font-size:13px}
.cmds span{padding:7px 11px 6px;background:var(--soot2);border:1px solid var(--line2);color:var(--haz)}

/* wipe: głosowanie */
.vote{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;margin:44px 0 0;max-width:900px}
.vote h3{margin:0 0 8px;font:400 34px/1 var(--disp);text-transform:uppercase;letter-spacing:.03em}
.vote p{margin:0;color:var(--bone2)}
.vote-maps{display:flex;gap:10px}
.vote-maps span{display:grid;place-items:center;width:74px;height:90px;border:1.5px solid var(--line2);background:var(--soot2);font:400 40px/1 var(--disp);color:var(--line2)}
.vote-maps .win{border-color:var(--haz);color:var(--haz);transform:translateY(-8px);box-shadow:6px 6px 0 rgba(0,0,0,.35)}

/* VIP */
.vip{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center}
.vip-card{position:relative;padding:30px 30px 24px;border:2px solid var(--haz);background:linear-gradient(160deg,rgba(227,174,47,.16),var(--soot2) 60%);box-shadow:10px 10px 0 rgba(0,0,0,.35)}
.vip-k{position:absolute;top:-14px;left:24px;padding:5px 10px 4px;background:var(--haz);color:var(--soot);font-size:13px;font-weight:700;letter-spacing:.18em}
.vip-card ul{margin:0;padding:0;list-style:none}
.vip-card li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--bone2);font-size:15px}
.vip-card li:last-child{border-bottom:0}
.vip-card b{display:block;font:400 28px/1.05 var(--disp);letter-spacing:.03em;text-transform:uppercase;color:var(--bone)}
.vip-no h3{margin:0 0 10px;font:400 34px/1 var(--disp);text-transform:uppercase;letter-spacing:.03em;color:var(--rust2)}
.vip-no p{margin:0;color:var(--bone2);font-size:18px}
.vip-no p.note{margin-top:14px;font-size:12.5px;color:var(--mute)}

/* zasady */
.rules{margin:0;padding:0;list-style:none;counter-reset:r;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.rules li{counter-increment:r;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--bone2);font-size:16px}
.rules li::before{content:counter(r,decimal-leading-zero);font:400 26px/1 var(--disp);color:var(--rust2)}

/* ranking */
.rk-meta{display:flex;flex-wrap:wrap;gap:10px;margin:-14px 0 34px;padding:0;list-style:none;font-size:12px}
.rk-meta li{padding:7px 12px 6px;border:1px solid var(--line2);background:var(--soot2);color:var(--bone2)}
.rk-meta li.on{border-color:var(--kg);color:#a9d68f}
.rk-meta li.on::before{content:"";display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;border-radius:50%;background:var(--kg);box-shadow:0 0 8px var(--kg)}
.rk-meta li b{color:var(--bone);font-weight:600}
.rk-wrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:36px;align-items:start}
.rk-h{margin:0 0 16px;font-size:13px;font-weight:600;letter-spacing:.16em;color:var(--rust2)}
.rk-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 14px;padding:0;list-style:none;align-items:end}
.rk-card{position:relative;padding:18px 18px 16px;background:var(--soot2);border:1px solid var(--line2);min-width:0}
.rk-card.p1{order:2;padding-top:30px;border:2px solid var(--haz);background:linear-gradient(180deg,rgba(227,174,47,.13),var(--soot2) 70%);box-shadow:8px 8px 0 rgba(0,0,0,.35)}
.rk-card.p2{order:1}.rk-card.p3{order:3}
.rk-card.ghost{border-style:dashed;background:transparent;color:var(--mute)}
.rk-pos{display:block;font:400 54px/.85 var(--disp);color:var(--line2)}
.rk-card.p1 .rk-pos{font-size:72px;color:var(--haz)}
.rk-card.p2 .rk-pos{color:var(--bone2)}.rk-card.p3 .rk-pos{color:#b9733f}
.rk-name{display:block;margin-top:12px;font:600 19px/1.2 var(--body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-clan{display:inline-block;margin:6px 0 0;padding:2px 7px 1px;font:600 11px/1.4 var(--mono);letter-spacing:.08em;color:var(--soot);background:var(--haz)}
.rk-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--line)}
.rk-stats div{min-width:0}
.rk-stats dt{font:600 9.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}
.rk-stats dd{margin:6px 0 0;font:600 16px/1 var(--mono);color:var(--bone);white-space:nowrap}
.rk-card.p1 .rk-stats dd{color:var(--haz)}
.rk-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line2)}
.rk-row{display:grid;grid-template-columns:40px minmax(0,1fr) 64px 64px 64px 80px;gap:8px;align-items:center;padding:11px 10px;border-bottom:1px solid var(--line);font:500 13.5px/1.2 var(--mono)}
.rk-row:hover{background:var(--soot2)}
.rk-row .n{color:var(--mute)}
.rk-row .who{font:600 15.5px/1.2 var(--body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-row .who em{font:600 11px/1 var(--mono);font-style:normal;color:var(--haz);margin-right:7px}
.rk-row span:nth-child(n+3){text-align:right}
.rk-row.head{font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--line2)}
.rk-row.head:hover{background:none}
.rk-clist{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.rk-cl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;background:var(--soot2);border:1px solid var(--line2)}
.rk-cl:first-child{border-color:var(--haz)}
.rk-ctag{min-width:58px;padding:9px 8px 8px;text-align:center;font:400 22px/1 var(--disp);letter-spacing:.06em;color:var(--soot);background:var(--haz)}
.rk-cl:not(:first-child) .rk-ctag{background:var(--bone2)}
.rk-cname{display:block;font:600 16px/1.2 var(--body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-dots{display:flex;gap:4px;margin-top:7px}
.rk-dots i{width:9px;height:9px;background:var(--line2)}
.rk-dots i.on{background:var(--rust2)}
.rk-ck{text-align:right;font:600 22px/1 var(--mono);color:var(--bone)}
.rk-ck small{display:block;margin-top:4px;font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.rk-empty{margin:0;padding:22px 18px;border:1px dashed var(--line2);color:var(--mute);font-size:15px}
.rk-empty[hidden]{display:none}
@media(max-width:960px){.rk-wrap{grid-template-columns:1fr}}
@media(max-width:700px){
  .rk-podium{grid-template-columns:1fr}
  .rk-card.p1,.rk-card.p2,.rk-card.p3{order:0}
  .rk-row{grid-template-columns:30px minmax(0,1fr) 46px 52px;font-size:12.5px}
  .rk-row span:nth-child(4),.rk-row span:nth-child(6){display:none}
}

/* zaproszenie */
.cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:72px 0;padding:40px 44px;background:repeating-linear-gradient(-45deg,var(--rust) 0 22px,#b9401a 22px 44px);color:#fff4e8;box-shadow:12px 12px 0 rgba(0,0,0,.4)}
.cta h2{margin:0 0 6px;font:400 clamp(34px,4vw,52px)/1 var(--disp);text-transform:uppercase;letter-spacing:.02em}
.cta p{margin:0;font-size:18px;color:#ffe6d3}

.ft{max-width:var(--w);margin:0 auto;padding:26px 24px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;border-top:1px solid var(--line);color:var(--mute);font-size:12.5px}
.ft nav{display:flex;flex-wrap:wrap;gap:18px}
.ft a{color:var(--bone2);text-decoration:none}
.ft a:hover{color:var(--rust2)}

@media(max-width:1180px){
  .hd{flex-wrap:wrap}
  .hd-nav{order:3;width:100%;margin:0;overflow-x:auto;scrollbar-width:none}
  .nums{grid-template-columns:repeat(3,1fr)}
  .nums div:nth-child(3){border-right:0}
  .nums div:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .feats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:960px){
  .lvls,.loot{grid-template-columns:1fr}
  .two,.vip,.rules{grid-template-columns:1fr}
  .limits{grid-template-columns:repeat(3,1fr)}
  .f2{grid-template-columns:1fr}
  .f2-menu{display:flex;flex-wrap:wrap;gap:4px;border-right:0;border-bottom:1px solid var(--line)}
  .f2-desc{grid-template-columns:1fr}
  .alarm,.vote{grid-template-columns:1fr;gap:26px}
  .phone{max-width:280px}
  .feats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .nums{grid-template-columns:repeat(2,1fr)}
  .nums div{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .nums div:nth-child(even){border-right:0}
  .feats{grid-template-columns:1fr}
  .zone{grid-template-columns:1fr;gap:6px}
  .limits{grid-template-columns:repeat(2,1fr)}
  .apoc{padding:22px 20px}
}

@media(max-width:960px){
  .hero{grid-template-columns:1fr;gap:56px;padding-top:44px}
  .spec{max-width:440px}
  .tags{grid-template-columns:1fr}
  .wipe-in{grid-template-columns:1fr;gap:28px}
  .wipe-big{justify-self:start}
  .cta{flex-direction:column;align-items:flex-start;padding:32px 26px}
}
@media(max-width:700px){
  body{font-size:16px}
  .hd{flex-wrap:wrap;padding:14px 16px;gap:12px}
  .hd-nav{order:3;width:100%;margin:0;overflow-x:auto}
  .hd-nav a{padding:8px 10px}
  main{padding:0 16px}
  .hero-big{font-size:36vw}
  .manifest>li{grid-template-columns:1fr;gap:12px}
  .mf-lvl{max-width:110px}
  .clock{padding:14px 12px 8px}
  .clock-axis,.clock-row{grid-template-columns:38px 1fr;gap:8px}
  .clock-row b{font-size:0;padding:0}
  .shot,.shot-r,.shot-l{transform:none}
  .stamp{right:6px;top:-30px;font-size:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* start serwera: odliczanie */
.launch{position:relative;margin:28px 0 0;padding:20px 22px 18px;max-width:560px;background:linear-gradient(180deg,rgba(196,71,28,.16),rgba(20,17,14,.55));border:1px solid var(--line2);box-shadow:6px 6px 0 var(--rustd)}
.launch::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:6px;background:repeating-linear-gradient(-45deg,var(--haz) 0 10px,#16120c 10px 20px)}
.launch-h{display:flex;align-items:center;gap:10px;margin:2px 0 14px;font-size:13px;color:var(--bone)}
.launch-dot{width:10px;height:10px;border-radius:50%;background:var(--kr);box-shadow:0 0 0 0 rgba(208,57,43,.7);animation:lpulse 1.6s infinite}
@keyframes lpulse{0%{box-shadow:0 0 0 0 rgba(208,57,43,.7)}70%{box-shadow:0 0 0 10px rgba(208,57,43,0)}100%{box-shadow:0 0 0 0 rgba(208,57,43,0)}}
.launch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.lt{position:relative;padding:12px 6px 9px;text-align:center;background:var(--soot);border:1px solid var(--line);overflow:hidden}
.lt::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55)}
.lt b{display:block;font:400 clamp(40px,6vw,64px)/1 var(--disp);letter-spacing:.02em;color:var(--bone);font-variant-numeric:tabular-nums}
.lt:first-child b{color:var(--rust2)}
.lt span{display:block;margin-top:6px;font-size:11px;color:var(--mute)}
.lt b.tick{animation:ltick .35s ease-out}
@keyframes ltick{from{transform:translateY(-6px);opacity:.35}to{transform:none;opacity:1}}
.launch-live{margin:4px 0 0;font:400 30px/1.15 var(--disp);text-transform:uppercase;color:var(--haz)}
.launch-live a{color:var(--bone)}
@media (prefers-reduced-motion:reduce){.launch-dot,.lt b.tick{animation:none}}
@media (max-width:520px){.launch{padding:18px 14px 14px}.launch-grid{gap:6px}}