/* =====================================================================
   ARMA-GEDON · Sezon 3 · strona główna w układzie 6
   Ładowany po v6.css. Styluje też znaczniki generowane przez home6.js (serwery, tydzień, rozkazy, koło…).
   ===================================================================== */
.v6{--val:var(--valkyra);--lone:var(--lonestar);--mant:var(--manticore);--pl:#b88cff;--ember:var(--acd)}
.v6 [hidden]{display:none!important}
.v6 .muted{color:var(--fg2)}
.v6 .small{font-size:14px;color:var(--fg2)}
.v6 .empty{margin:0;color:var(--fg2);font-size:15.5px}
.v6 .v-t{color:var(--valkyra)}.v6 .l-t{color:var(--lonestar)}.v6 .m-t{color:var(--manticore)}

/* ------------------------------------------------------------------ hero */
.hero6{--mh:clamp(560px,min(56vw,calc(100svh - 120px)),1100px);--mw:100%;--fd:0%;align-items:flex-end}
.hero6::before{width:100%;background:linear-gradient(90deg,rgba(6,8,11,.94) 0%,rgba(6,8,11,.78) 24%,rgba(6,8,11,.3) 46%,rgba(6,8,11,0) 62%),linear-gradient(0deg,rgba(6,8,11,.5) 0%,rgba(6,8,11,0) 26%)}
.hero6 .mast-in{justify-content:flex-end}
.hero6 .mast-t{max-width:min(100%,660px)}
.hero6 h1{font-size:clamp(54px,7vw,116px);line-height:.86;margin:0}
.hero6 .lead{margin-top:18px;max-width:46ch}
.fcs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.v6 .fc{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px 0 8px;border-radius:99px;font:700 14px/1 var(--f-t);color:var(--fg);background:rgba(255,255,255,.07);border:1px solid var(--ln2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.v6 .fc svg{width:19px;height:19px;flex:none}
.v6 .fc.v svg{color:var(--valkyra)}.v6 .fc.l svg{color:var(--lonestar)}.v6 .fc.m svg{color:var(--manticore)}
.v6 .fc.q{color:var(--fg2)}
.hero6 .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero6 .btns .ic{font-size:20px}

.hlive{display:flex;flex-wrap:wrap;gap:12px}
.hlive .stat{min-width:200px;padding:14px 18px 15px;border-radius:18px;background:rgba(9,12,17,.66);border:1px solid var(--ln2);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 24px 50px -28px rgba(0,0,0,.9)}
.hlive .stat .big{font-size:clamp(28px,2.3vw,36px)}

/* ------------------------------------------------------------------ pasek stanu pod hero */
.stat{display:flex;flex-direction:column;justify-content:center;gap:9px}
.stat .chip{display:inline-flex;align-items:center;gap:8px;width:max-content;height:28px;padding:0 12px;border-radius:99px;background:rgba(29,214,92,.1);border:1px solid rgba(29,214,92,.35);color:#7be9a1;font:700 13px/1 var(--f-t)}
.stat .chip i{width:8px;height:8px;border-radius:50%;background:var(--grn);box-shadow:0 0 9px var(--grn)}
.stat .chip.off{background:rgba(250,80,62,.1);border-color:rgba(250,80,62,.35);color:#ff9585}
.stat .chip.off i{background:var(--red);box-shadow:0 0 9px var(--red)}
.stat .mono{font:600 14px/1 var(--f-t);letter-spacing:0;color:var(--fg3)}
.stat .big{display:block;margin:0;font:800 clamp(34px,3.2vw,46px)/.95 var(--f-d);color:var(--fg);white-space:nowrap}
.stat .s{font-size:14.5px;color:var(--fg2)}

.btop .cd-h{margin-bottom:12px}
.btop .cd-h h2{font-size:18.5px}
.tm2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tmc{min-width:0;padding:12px 14px;border-radius:var(--r3);background:var(--g1);border:1px solid var(--ln)}
.tmh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:8px;margin-bottom:5px;border-bottom:1px solid var(--ln)}
.tmh b{font:800 20px/1 var(--f-d);letter-spacing:.02em}
.tmh span{font:600 12px/1 var(--f-t);color:var(--fg3)}
.tmr{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 0;font:600 15px/1.25 var(--f-t)}
.tmr i{font:800 13px/1 var(--f-d);font-style:normal;color:var(--ac2)}
.tmr b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tmr span{font:600 13px/1 var(--f-t);color:var(--fg2);white-space:nowrap}
.tme{margin:0;padding:10px 0 4px;font-size:14.5px;color:var(--fg2)}
.kth{display:flex;align-items:center;gap:9px;font:700 13px/1 var(--f-t);color:var(--fg2)}
.kth i{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(250,80,62,.6);animation:kth 1.8s ease-in-out infinite}
@keyframes kth{70%{box-shadow:0 0 0 7px rgba(250,80,62,0)}100%{box-shadow:0 0 0 0 rgba(250,80,62,0)}}
.ktl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ktl>.empty{grid-column:1/-1}
.kv{min-width:0;padding:9px 12px;border-radius:var(--r3);background:var(--g1);border:1px solid var(--ln)}
.kn{display:flex;align-items:center;gap:8px;min-width:0;font:700 14.5px/1.2 var(--f-t)}
.kn b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kn svg{flex:none;width:14px;height:14px;stroke:var(--ac2);fill:none;stroke-width:2}
.km{display:flex;gap:9px;margin-top:5px;font:600 12px/1 var(--f-t);color:var(--fg3);white-space:nowrap;overflow:hidden}
.km em{flex:none;font-style:normal;color:var(--ac2)}
.km span{overflow:hidden;text-overflow:ellipsis}
.km time{margin-left:auto;flex:none}
.kv.hs .km span{color:#ff9585}
.kv.nw{animation:kvnew 1.6s ease-out both}
@keyframes kvnew{0%{background:rgba(255,123,46,.3);border-color:rgba(255,123,46,.7)}100%{background:var(--g1)}}

/* ------------------------------------------------------------------ grupy bez karty: nagłówek + zawartość */
.grp{grid-column:1/-1;display:flex;flex-direction:column;gap:var(--gap);margin-top:clamp(30px,3.6vw,64px);min-width:0}
.grp-cd{grid-column:1/-1;margin-top:14px}
.hd6{display:flex;align-items:center;gap:16px;padding:0 4px;margin-bottom:2px}
.hd6 .r{margin-left:auto;flex:none}
.eg{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap)}
.srv-g,.ord-g,.st-g,.kg,.hon,.cr-g{gap:var(--gap)}
.hd6 .cd-ic{width:44px;height:44px;border-radius:14px;font-size:23px}
.hd6 h2{margin:0;font:800 clamp(30px,3.2vw,42px)/1 var(--f-d);letter-spacing:.005em;color:var(--fg)}
.hd6 p{margin:5px 0 0;max-width:72ch;font-size:15.5px;line-height:1.45;color:var(--fg2)}

/* ------------------------------------------------------------------ serwery */
.srv-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px}
.srv-g>.cd,.st-g>.cd,.kg>.cd,.ord-g>.cd,.eg>.cd{grid-column:auto}
.srv-g>.empty{grid-column:1/-1}
.v6 .srv{display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:var(--r);background:var(--g2);border:1px solid var(--ln);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 40px -26px rgba(0,0,0,.9)}
.srv .im{position:relative;height:176px;background:var(--bg) center/cover #0c0d0f}
.srv .im::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--g2) 0%,rgba(16,21,27,.4) 45%,rgba(16,21,27,.05) 100%)}
.srv .im .no{position:absolute;left:18px;top:16px;z-index:2;display:grid;place-items:center;min-width:46px;height:40px;padding:0 12px;border-radius:12px;background:rgba(7,9,12,.7);border:1px solid var(--ln2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:800 22px/1 var(--f-d)}
.srv .im .q{position:absolute;right:16px;top:16px;z-index:2;background:rgba(7,9,12,.75)}
.srv .bd{display:flex;flex-direction:column;gap:14px;flex:1;padding:6px 22px 22px}
.srv h3{margin:0;font:800 clamp(26px,2.2vw,32px)/1.05 var(--f-d)}
.srv .bd>div:first-child p{margin:4px 0 0}
.srv .pop{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.srv .pop b{font:800 clamp(52px,5vw,68px)/.8 var(--f-d);font-variant-numeric:tabular-nums}
.srv .pop b small{font-size:.38em;color:var(--fg3);font-weight:700}
.srv .pop .chip{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:99px;background:rgba(29,214,92,.1);border:1px solid rgba(29,214,92,.35);color:#7be9a1;font:700 13px/1 var(--f-t)}
.srv .pop .chip i{width:8px;height:8px;border-radius:50%;background:var(--grn);box-shadow:0 0 9px var(--grn)}
.srv .pop .chip.off{background:rgba(250,80,62,.1);border-color:rgba(250,80,62,.35);color:#ff9585}
.srv .pop .chip.off i{background:var(--red);box-shadow:0 0 9px var(--red)}
.pips{display:flex;gap:2px;height:14px}
.pips i{flex:1;border-radius:2px;background:rgba(255,255,255,.1)}
.pips i.on{background:linear-gradient(180deg,var(--ac2),var(--ac));box-shadow:0 0 8px rgba(255,123,46,.4)}
.srv .fs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.srv .fs div{padding:10px 12px 9px;border-radius:var(--r3);background:var(--g1);border:1px solid var(--ln);border-top:3px solid var(--fcc,var(--ln2))}
.srv .fs div.v{--fcc:var(--valkyra)}.srv .fs div.l{--fcc:var(--lonestar)}.srv .fs div.m{--fcc:var(--manticore)}
.srv .fs b{display:block;font:800 30px/.95 var(--f-d)}
.srv .fs span{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:12.5px;color:var(--fg2)}
.srv .fs span svg{width:14px;height:14px}
.srv .fs .v svg{color:var(--valkyra)}.srv .fs .l svg{color:var(--lonestar)}.srv .fs .m svg{color:var(--manticore)}
.srv .t3{display:grid;gap:6px;font-size:15px}
.srv .t3 div{display:flex;justify-content:space-between;gap:10px}
.srv .t3 a{color:var(--fg);text-decoration:none}.srv .t3 a:hover{color:var(--ac2)}
.srv .hazard{height:10px;border-radius:5px;background:repeating-linear-gradient(-45deg,rgba(255,123,46,.55) 0 9px,rgba(0,0,0,0) 9px 18px)}
.srv.off .im{filter:grayscale(1) brightness(.7)}
.srv .mono{font:600 12.5px/1.2 var(--m);color:var(--fg3)}

/* ------------------------------------------------------------------ żołnierz tygodnia */
.hon{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;align-items:stretch}
.hon>.empty{grid-column:1/-1}
.hz-s{--hc:#f2c14e;--hcr:242,193,78;position:relative;isolation:isolate;overflow:hidden;min-height:470px;border-radius:var(--r2);border:1px solid rgba(var(--hcr),.28);background:var(--g1)}
.hz-s[data-r="2"]{--hc:#d5dde6;--hcr:213,221,230}
.hz-s[data-r="3"]{--hc:#e09a62;--hcr:224,154,98}
.hz-s[data-r="4"],.hz-s[data-r="5"]{--hc:#7fb4d6;--hcr:127,180,214}
.hz-bg{position:absolute;inset:0;z-index:-3;background:radial-gradient(520px 380px at 76% 56%,rgba(var(--hcr),.2),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%)}
.hz-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(var(--hcr),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--hcr),.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,transparent 10%,#000);mask-image:linear-gradient(90deg,transparent 10%,#000)}
.hz-no{position:absolute;right:7%;top:6px;z-index:-2;font:800 380px/.82 var(--f-d);color:transparent;-webkit-text-stroke:2px rgba(var(--hcr),.2);user-select:none;pointer-events:none}
.hz-fig{position:absolute;right:3%;bottom:0;height:94%;display:flex;align-items:flex-end;pointer-events:none;z-index:-1}
.hz-fig img{display:block;height:100%;width:auto;max-width:none;filter:drop-shadow(0 22px 30px rgba(0,0,0,.7)) drop-shadow(0 0 36px rgba(var(--hcr),.25))}
.hz-id{position:absolute;left:30px;top:28px;max-width:min(58%,420px);z-index:3}
.hz-cap{display:inline-flex;align-items:center;height:28px;padding:0 13px;border-radius:99px;background:var(--hc);color:#1a1405;font:800 13.5px/1 var(--f-t)}
.hz-cl{display:block;width:max-content;margin-top:14px;padding:4px 10px;border-radius:8px;border:1px solid rgba(var(--hcr),.6);color:var(--hc);font:700 13px/1.2 var(--f-t);font-style:normal;letter-spacing:.04em}
.hz-nk{margin:8px 0 0;max-width:100%;font:800 66px/1.05 var(--f-d);text-transform:uppercase;letter-spacing:.005em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 4px 24px rgba(0,0,0,.6)}
.hz-cls{display:flex;align-items:center;gap:9px;margin-top:10px;font:700 14.5px/1 var(--f-t);color:var(--fg2)}
.hz-cls img{width:26px;height:26px;object-fit:contain;filter:brightness(1.7) drop-shadow(0 0 6px rgba(var(--hcr),.6))}
.hz-st{position:absolute;left:30px;bottom:28px;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;width:min(52%,350px)}
.hz-st>div{padding:12px 16px 11px;border-radius:var(--r3);background:rgba(8,10,14,.72);border:1px solid var(--ln2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hz-st b{display:block;font:800 34px/1 var(--f-d);color:#fff;font-variant-numeric:tabular-nums}
.hz-st span{display:block;margin-top:5px;font:600 12.5px/1 var(--f-t);color:var(--fg2)}
.hz-open{position:absolute;right:22px;top:22px;z-index:5}
.hz-s.sw .hz-fig img{animation:hzimg .6s cubic-bezier(.2,.8,.2,1) both}
.hz-s.sw .hz-id>*,.hz-s.sw .hz-st>div{animation:hzup .5s cubic-bezier(.2,.8,.2,1) both}
.hz-s.sw .hz-st>div:nth-child(2){animation-delay:.06s}.hz-s.sw .hz-st>div:nth-child(3){animation-delay:.12s}.hz-s.sw .hz-st>div:nth-child(4){animation-delay:.18s}
@keyframes hzimg{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes hzup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.hz-l{display:flex;flex-direction:column;gap:10px;min-width:0}
.hz-r{--rc:127,180,214;position:relative;flex:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"tg w k" "b b b";column-gap:14px;row-gap:10px;align-items:center;padding:12px 16px 14px 12px;border-radius:var(--r2);border:1px solid var(--ln);background:var(--g1);color:inherit;font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:background .2s,border-color .2s,transform .2s}
.hz-r:nth-child(1){--rc:242,193,78}.hz-r:nth-child(2){--rc:213,221,230}.hz-r:nth-child(3){--rc:224,154,98}
.hz-r:hover{background:var(--g3)}
.hz-r.on{background:linear-gradient(90deg,rgba(var(--rc),.16),var(--g2) 80%);border-color:rgba(var(--rc),.55);transform:translateX(-6px)}
.hz-tg{grid-area:tg;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(var(--rc),.16);color:rgb(var(--rc));box-shadow:inset 0 0 0 1px rgba(var(--rc),.35)}
.hz-tg b{font:800 22px/1 var(--f-d)}
.hz-w{grid-area:w;min-width:0}
.hz-n{display:block;font:800 25px/1 var(--f-d);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hz-m{display:block;margin-top:5px;font:600 13px/1 var(--f-t);color:var(--fg3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hz-k{grid-area:k;text-align:right}
.hz-k b{display:block;font:800 30px/.9 var(--f-d);font-variant-numeric:tabular-nums}
.hz-k small{display:block;margin-top:4px;font:600 12px/1 var(--f-t);color:var(--fg3)}
.hz-b{grid-area:b;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.hz-b i{display:block;height:100%;width:var(--w);border-radius:4px;background:rgb(var(--rc))}
.hz-r.run::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:rgb(var(--rc));animation:hzrun 7s linear forwards}
@keyframes hzrun{from{width:0}to{width:100%}}
.hon:hover .hz-r.run::after{opacity:0}

/* ------------------------------------------------------------------ rozkazy */
.ord-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v6 .ord{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;grid-template-columns:none;padding:0;overflow:hidden;border-radius:var(--r);background:var(--g2);border:1px solid var(--ln);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 40px -26px rgba(0,0,0,.9)}
.ord .hd{display:flex;justify-content:space-between;gap:10px;padding:13px 22px;background:rgba(255,123,46,.08);border-bottom:1px solid var(--ln);font:700 13px/1 var(--f-t);color:var(--ac2)}
.ord .bd{display:flex;flex-direction:column;gap:12px;flex:1;padding:20px 22px 22px}
.ord h3{margin:0;font:800 30px/1.05 var(--f-d)}
.ord p{margin:0;color:var(--fg2)}
.ord .st2{font:600 14px/1.3 var(--f-t);color:var(--fg2)}
.ord .pbar{height:8px;border-radius:8px;background:rgba(255,255,255,.1);overflow:hidden}
.ord .pbar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--ac),var(--ac2))}
.ord.done .pbar i{background:linear-gradient(90deg,#14a845,var(--grn))}
.ord.done{border-color:rgba(29,214,92,.35)}
.ord .rw{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px}
.ord .rw b{font:800 48px/.85 var(--f-d);font-variant-numeric:tabular-nums}
.ord .rw b small{font-size:.42em;color:var(--fg3);font-weight:700}
.ord .stamp{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:99px;border:1.5px solid var(--sc);color:var(--sc);font:800 12.5px/1 var(--f-t);letter-spacing:.06em;white-space:nowrap}

/* ------------------------------------------------------------------ koło i stopień */
.kg{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px}
.kg.solo{grid-template-columns:minmax(0,1fr)}
.kg .wp{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:center;padding:clamp(22px,2.4vw,32px)}
.kg .wp .cd-h h2{font:800 clamp(30px,3vw,40px)/1 var(--f-d)}
.kg .wp .cd-ic{width:44px;height:44px;border-radius:14px;font-size:23px}
.kg .wp-t>p{margin:0 0 16px;color:var(--fg2);max-width:52ch}
.kg .wp .wlast{margin:-4px 0 16px;font-size:14.5px;color:var(--ac2)}
.kg .nums{display:flex;flex-wrap:wrap;gap:12px 30px;margin:20px 0 22px}
.kg .nums .num{font:800 44px/.9 var(--f-d)}
.kg .nums .small{margin-top:4px;white-space:nowrap}
.kg svg.wh{width:290px;height:290px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(255,123,46,.28))}
.kg .pr{display:flex;flex-direction:column}
.lad{display:flex;align-items:flex-end;gap:5px;height:210px;margin:6px 0 16px}
.lad div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;padding-bottom:8px;border-radius:8px;background:rgba(255,255,255,.07);color:var(--fg3);transition:background .2s}
.lad div.on{background:rgba(255,255,255,.17);color:var(--fg)}
.lad div.cur{background:linear-gradient(180deg,var(--ac2),var(--ac));color:var(--on-ac);box-shadow:0 0 24px rgba(255,123,46,.45)}
.lad svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lad svg .f{fill:currentColor;stroke:none}
.kg .grade-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin-top:auto}
.kg .grade-row b{display:inline-flex;align-items:center;gap:8px;font:800 22px/1 var(--f-d)}
.kg .grade-row b svg{width:24px;height:24px;color:var(--ac2)}
.kg .grade-row .muted{font-size:14.5px}
.kg .grade-row a{color:var(--ac2);font-weight:700}

/* ------------------------------------------------------------------ eventy, społeczność */
.ev{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--ln)}
.ev:first-child{border-top:0;padding-top:4px}
.ev .d{display:grid;place-items:center;align-content:center;height:68px;border-radius:14px;background:rgba(255,123,46,.12);border:1px solid rgba(255,123,46,.3);text-align:center}
.ev .d b{display:block;font:800 30px/.9 var(--f-d)}
.ev .d small{display:block;margin-top:3px;font:700 12px/1 var(--f-t);color:var(--ac2);text-transform:uppercase;letter-spacing:.04em}
.ev h4{margin:0;font:800 24px/1.1 var(--f-d)}
.ev p{margin:4px 0 0;font-size:15px;color:var(--fg2)}
.ev .chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:99px;background:var(--g3);border:1px solid var(--ln2);font:700 13.5px/1 var(--f-t)}
#evl .empty{padding:6px 0}
.perk{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;margin:2px 0 24px}
.perk b{display:block;font:700 16.5px/1.25 var(--f-t);color:var(--fg)}
.perk span{display:block;margin-top:3px;font-size:14.5px;line-height:1.4;color:var(--fg2)}

/* ------------------------------------------------------------------ start */
.st-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.st{display:flex;flex-direction:column;gap:12px;padding:26px}
.st .n{font:800 120px/.72 var(--f-d);color:transparent;-webkit-text-stroke:2.5px var(--sc);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--sc) 55%,transparent))}
.st h3{margin:6px 0 0;font:800 30px/1.05 var(--f-d)}
.st p{margin:0;color:var(--fg2)}
.st .btn{margin-top:auto;align-self:flex-start}
.rules{display:grid;grid-template-columns:1.15fr repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.rules .rt h3{margin:0;font:800 30px/1.05 var(--f-d)}
.rules .rt span{display:block;margin-top:6px;color:var(--fg2);font-size:15px}
.rules .ru b{display:block;font:800 46px/.9 var(--f-d)}
.rules .ru b small{margin-left:3px;font-size:.38em;color:var(--ac2)}
.rules .ru span{display:block;margin-top:8px;font-size:14.5px;line-height:1.45;color:var(--fg2)}

/* ------------------------------------------------------------------ twórcy */
.cr-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v6 .cr{position:relative;display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--r);background:var(--g2);border:1px solid var(--ln)}
.cr .ph{display:none}
.cr .avw{flex:none;order:-1}
.cr .av{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--g4);color:var(--ac2);font:800 34px/1 var(--f-d);box-shadow:0 0 0 2px var(--g2),0 0 0 4px var(--ln2)}
.cr.is-live .av{box-shadow:0 0 0 2px var(--g2),0 0 0 4px var(--red)}
.cr .bd{min-width:0}
.cr h3{margin:0;font:800 24px/1.1 var(--f-d)}
.cr .bd p{margin:3px 0 0;font-size:14.5px;color:var(--fg2)}
.cr .live{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:99px;background:var(--g3);border:1px solid var(--ln2);font:700 12.5px/1 var(--f-t)}
.cr .live.v{background:rgba(250,80,62,.15);border-color:rgba(250,80,62,.5);color:#ff9585}
.cr a.go{position:absolute;inset:0;z-index:3;border-radius:inherit}

/* ------------------------------------------------------------------ szerokość */
@media(max-width:1180px){
  .eg{grid-template-columns:minmax(0,1fr)}
  .ord-g,.cr-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hon{grid-template-columns:minmax(0,1fr)}
  .hz-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .hz-r.on{transform:none}
  .kg{grid-template-columns:minmax(0,1fr)}
  .st-g{grid-template-columns:minmax(0,1fr)}
  .st{padding:22px}.st .n{font-size:86px}
  .rules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rules .rt{grid-column:1/-1}
}
@media(max-width:820px){
  .tm2{grid-template-columns:minmax(0,1fr)}
  .ktl{grid-template-columns:minmax(0,1fr)}
  .hz-l{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  .srv-g,.ord-g,.cr-g{grid-template-columns:minmax(0,1fr)}
  .hz-s{min-height:0;display:flex;flex-direction:column;padding:22px 18px 18px}
  .hz-id{position:relative;left:auto;top:auto;max-width:none;z-index:3}
  .hz-nk{font-size:48px}
  .hz-fig{position:relative;right:auto;bottom:auto;height:260px;margin:8px auto -6px;justify-content:center}
  .hz-no{font-size:240px;right:4%}
  .hz-st{position:relative;left:auto;bottom:auto;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .hz-open{position:relative;right:auto;top:auto;margin-top:12px;align-self:flex-start}
  .kg .wp{grid-template-columns:minmax(0,1fr)}
  .kg svg.wh{order:-1;width:min(290px,76vw);height:auto;aspect-ratio:1;margin:0 auto}
  .lad{height:160px;gap:3px}.lad svg{width:14px;height:14px}
  .ev{grid-template-columns:60px minmax(0,1fr);gap:12px}.ev .chip{display:none}
  .perk{grid-template-columns:minmax(0,1fr)}
  .rules{grid-template-columns:minmax(0,1fr)}
  .hd6 h2{font-size:30px}
  .hd6{flex-wrap:wrap}
  .hd6 .r{margin-left:60px}
}
@media(prefers-reduced-motion:reduce){.hz-s.sw *,.kv.nw,.kth i{animation:none!important}}

/* ------------------------------------------------------------------ szerokie ekrany */
@media(min-width:1500px){
  .hero6 h1{font-size:clamp(110px,6.4vw,170px)}
  .hero6 .lead{font-size:clamp(18.5px,1.1vw,22px);max-width:50ch}
  .srv-g:not(:has(.srv:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}
  .srv-g:not(:has(.srv:nth-child(3))) .srv{flex-direction:row}
  .srv-g:not(:has(.srv:nth-child(3))) .srv .im{flex:none;width:38%;height:auto;min-height:320px}
  .srv-g:not(:has(.srv:nth-child(3))) .srv .im::after{background:linear-gradient(90deg,rgba(16,21,27,0) 35%,var(--g2) 100%)}
  .srv-g:not(:has(.srv:nth-child(3))) .srv .bd{padding:24px 26px 24px 12px;justify-content:center}
  .hz-s{min-height:clamp(470px,26vw,620px)}
  .hz-nk{font-size:clamp(66px,4.4vw,92px)}
}
@media(min-width:1750px){
  .ord-g{grid-template-columns:repeat(6,minmax(0,1fr))}
  .ord h3{font-size:25px}
  .ord .bd{padding:18px 18px 20px}
  .ord .hd{padding:12px 18px}
  .ord .rw b{font-size:40px}
  .st-g{gap:20px}
}


/* ------------------------------------------------------------------ sceny: każda sekcja to osobne okno z własnym, pokazanym w całości zdjęciem */
.sc6{position:relative;gap:clamp(18px,2vw,30px);padding:clamp(14px,1.8vw,26px);border-radius:30px;border:1px solid var(--ln2);background:var(--g1);box-shadow:0 30px 70px -40px rgba(0,0,0,.9);scroll-margin-top:84px}
.sc6-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(20px,2.8vw,48px);align-items:center}
.bento>.sc6:nth-of-type(even) .sc6-top{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}
.bento>.sc6:nth-of-type(even) .sc6-ph{order:2}
.sc6-ph{position:relative;width:100%;aspect-ratio:16/9;max-height:min(72svh,660px);border-radius:22px;overflow:hidden;background:var(--g2);border:1px solid var(--ln2)}
.sc6-ph::before{content:"";position:absolute;inset:0;background:var(--bg,none) var(--pos,50% 50%)/cover no-repeat;opacity:0;transition:opacity .8s ease}
.sc6.bg-on .sc6-ph::before{opacity:1}
.sc6-ph::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 -80px 70px -60px rgba(0,0,0,.5)}
.sc6 .hd6{flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(0px,.6vw,10px) clamp(0px,1vw,16px);margin:0}
.sc6 .hd6 .cd-ic{width:56px;height:56px;border-radius:18px;font-size:29px}
.sc6 .hd6 h2{font-size:clamp(38px,4.3vw,68px);line-height:.94}
.sc6 .hd6 p{margin:12px 0 0;max-width:42ch;font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:var(--fg2)}
.sc6 .hd6 .r{margin:6px 0 0}
@media(max-width:900px){
  .sc6-top,.bento>.sc6:nth-of-type(even) .sc6-top{grid-template-columns:minmax(0,1fr);gap:18px}
  .bento>.sc6:nth-of-type(even) .sc6-ph{order:0}
  .sc6-ph{aspect-ratio:16/10}
  .sc6 .hd6{flex-direction:row;flex-wrap:wrap;align-items:center;padding:0 4px}
  .sc6 .hd6 h2{font-size:clamp(32px,9vw,44px)}
  .sc6 .hd6>div{flex:1 1 220px;min-width:0}
  .sc6 .hd6 .r{margin:0}
}
@media(max-width:700px){.sc6{padding:12px;border-radius:22px}.sc6-ph{border-radius:16px}}
@media(min-width:1500px){
  .srv-g:not(:has(.srv:nth-child(3))) .srv .im::after{background:linear-gradient(90deg,rgba(11,15,21,0) 35%,rgba(11,15,21,.95) 100%)}
}

/* ------------------------------------------------------------------ ostatnie zabójstwa: szeroka karta pod serwerami */
.kfeed .cd-h{margin-bottom:14px}
.kfeed .cd-h .kth{margin-left:auto;flex:none}
.kfeed .cd-h h2{font-size:20px}
.kfeed .cd-h p{margin:3px 0 0;font-size:14px;color:var(--fg2)}
@media(min-width:1180px){.kfeed .ktl{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.kfeed .cd-h .kth{display:none}}

/* ------------------------------------------------------------------ wideo i efekty na zdjęciach scen */
.sc6-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);opacity:0;transition:opacity 1.1s ease}
.sc6-v.on{opacity:1}
canvas.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
@supports (animation-timeline:view()){
  /* zdjęcie „oddala się” do pełnego kadru, gdy sekcja wjeżdża na ekran; w spoczynku widać je w całości */
  .sc6-ph::before,.sc6-v{animation:phzoom linear both;animation-timeline:view();animation-range:entry 0% entry 90%}
  @keyframes phzoom{from{transform:scale(1.07)}to{transform:scale(1)}}
}
@media(prefers-reduced-motion:reduce){.sc6-ph::before,.sc6-v{animation:none!important}}

/* ------------------------------------------------------------------ rozdzielenie sekcji: własny kolor każdej sceny, światło wylewające się poza ramkę i linia z etykietą między scenami */
.sc6{--sa:255,123,46;border-color:rgba(var(--sa),.26);background:radial-gradient(780px 360px at 0 0,rgba(var(--sa),.14),transparent 70%),var(--g1)}
.bento>.sc6:nth-of-type(even){background:radial-gradient(780px 360px at 100% 0,rgba(var(--sa),.14),transparent 70%),var(--g1)}
.sc6::before{content:"";position:absolute;inset:-36px;z-index:-1;pointer-events:none;background:radial-gradient(52% 58% at 20% 16%,rgba(var(--sa),.24),transparent 72%);filter:blur(28px)}
.bento>.sc6:nth-of-type(even)::before{background:radial-gradient(52% 58% at 80% 16%,rgba(var(--sa),.24),transparent 72%)}
@media(max-width:1279px){.sc6::before{inset:-12px}}
.sc6-ph{border-color:rgba(var(--sa),.42);box-shadow:0 34px 80px -36px rgba(var(--sa),.6)}
.sc6 .hd6 .cd-ic{background:rgba(var(--sa),.15);color:rgb(var(--sa));box-shadow:inset 0 0 0 1px rgba(var(--sa),.32)}
.sc6 .cd{border-color:rgba(var(--sa),.14)}
.chap{grid-column:1/-1;display:flex;align-items:center;gap:18px;margin-top:clamp(30px,3.6vw,64px)}
.chap::before,.chap::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--sa),.6))}
.chap::after{background:linear-gradient(270deg,transparent,rgba(var(--sa),.6))}
.chap span{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 20px 0 14px;border-radius:99px;border:1px solid rgba(var(--sa),.45);background:rgba(var(--sa),.1);color:rgb(var(--sa));font:700 15px/1 var(--f-t);letter-spacing:.02em;box-shadow:0 0 34px -8px rgba(var(--sa),.6)}
.chap span .ic{font-size:19px;color:inherit}
.chap+.sc6{margin-top:clamp(18px,2vw,28px)}
.chap:has(+ .sc6[hidden]){display:none}


/* =====================================================================
   Sezon 3 · hero z żywym zdjęciem, marka, pasek, frakcje, kroki, wezwanie na końcu
   ===================================================================== */
.hero6 .mast-stage{position:absolute;inset:0;z-index:-3;transform-origin:80% 46%;animation:drift6 38s ease-in-out infinite alternate;will-change:transform}
.hero6 .mast-stage picture{display:contents}
.hero6 .mast-stage .mast-bg{position:absolute;inset:0;width:100%;height:100%;right:auto;bottom:auto;z-index:0;object-fit:cover;object-position:var(--pos,76% 40%)}
.hero6 .mast-stage canvas.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
canvas.fx.fxw{mix-blend-mode:normal}
@keyframes drift6{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.065) translate3d(-.9%,-.5%,0)}}
.hero-fx{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(120% 95% at 72% 46%,transparent 52%,rgba(4,6,9,.6) 100%)}
.hero-fx::after{content:"";position:absolute;inset:-50%;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.5 -.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain6 1s steps(6) infinite}
@keyframes grain6{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

.brand6{display:flex;align-items:center;gap:clamp(14px,1.7vw,28px);margin:0 0 clamp(14px,1.8vw,28px)}
.b6-logo{flex:none;width:clamp(76px,7.2vw,116px);height:auto;aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 0 26px rgba(255,123,46,.6));animation:logo6 5.5s ease-in-out infinite alternate}
@keyframes logo6{from{filter:drop-shadow(0 0 16px rgba(255,123,46,.4))}to{filter:drop-shadow(0 0 38px rgba(255,140,60,.85))}}
.b6-name b{display:block;white-space:nowrap;font:800 clamp(38px,3.9vw,70px)/.88 var(--f-d);letter-spacing:.035em;color:#fff;text-shadow:0 6px 34px rgba(0,0,0,.6)}
.b6-name span{display:block;margin-top:8px;font:600 clamp(14px,1.05vw,17px)/1.2 var(--f-t);letter-spacing:.08em;color:var(--fg2);text-shadow:0 2px 12px rgba(0,0,0,.8)}
.b6-s{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-left:clamp(14px,1.7vw,28px);border-left:2px solid rgba(255,123,46,.65)}
.b6-s small{font:800 clamp(14px,1.2vw,19px)/1 var(--f-d);letter-spacing:.36em;color:var(--ac2)}
.b6-s strong{display:block;padding:.03em .08em .1em 0;margin-top:-.04em;font:900 clamp(70px,7.2vw,120px)/.86 var(--f-d);background:linear-gradient(180deg,#ffe0b0 0%,#ff8a3c 52%,#c2410c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 34px rgba(255,110,30,.55));animation:s3in 1.25s cubic-bezier(.16,.84,.2,1) .35s both}
@keyframes s3in{from{opacity:0;transform:scale(1.7);filter:blur(14px) drop-shadow(0 8px 34px rgba(255,110,30,0))}60%{opacity:1}to{transform:none;filter:blur(0) drop-shadow(0 8px 34px rgba(255,110,30,.55))}}
.hero6 h1{font-size:clamp(46px,5.8vw,98px)}
.cue6{position:absolute;right:clamp(18px,2vw,32px);bottom:clamp(16px,1.8vw,28px);z-index:2;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--fg);text-decoration:none;background:rgba(9,12,17,.55);border:1px solid var(--ln2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:cue6 2.2s ease-in-out infinite}
.cue6 .ic{font-size:20px}
@keyframes cue6{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}

/* pasek z liczbami na żywo */
.strip6{position:relative;margin-top:clamp(14px,1.6vw,24px);overflow:hidden;border-radius:18px;border:1px solid var(--ln);background:linear-gradient(90deg,rgba(255,123,46,.1),rgba(255,255,255,.025) 30%,rgba(255,255,255,.025) 70%,rgba(255,123,46,.1));-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.strip6-t{display:flex;width:max-content;animation:strip6 70s linear infinite}
.strip6-t>span{display:inline-flex;align-items:center;flex:none;white-space:nowrap;padding:15px 0;font:800 clamp(20px,1.8vw,29px)/1 var(--f-d);letter-spacing:.07em;color:var(--fg2)}
.strip6-t>span::after{content:"";width:9px;height:9px;margin:0 clamp(20px,2.4vw,40px);transform:rotate(45deg);background:var(--ac);box-shadow:0 0 14px var(--ac)}
.strip6-t b{color:#fff;font-weight:800;margin-right:.28em;font-variant-numeric:tabular-nums}
.strip6-t .s3{color:var(--ac2)}
.strip6-t>span[hidden]{display:none}
@keyframes strip6{to{transform:translateX(-50%)}}

/* wspólny nagłówek bloków */
.how6{grid-column:1/-1}
.how6{margin-top:clamp(38px,4.6vw,84px)}
.fh6{max-width:780px;margin:0 0 clamp(18px,2vw,32px)}
.fh6 h2{margin:0;font:800 clamp(38px,4.6vw,78px)/.9 var(--f-d);letter-spacing:.005em;color:#fff}
.fh6 p{margin:14px 0 0;max-width:58ch;font-size:clamp(16px,1.2vw,18.5px);line-height:1.5;color:var(--fg2)}


/* cztery kroki sezonu */
.hgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.hgrid li{display:flex}
.hgrid a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;width:100%;min-height:clamp(210px,17vw,290px);padding:clamp(18px,1.8vw,28px);border-radius:24px;overflow:hidden;text-decoration:none;color:var(--fg);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--ln2);transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}
.hgrid a::before{content:"";position:absolute;left:0;top:0;height:3px;width:46%;background:linear-gradient(90deg,var(--ac),transparent);opacity:.85}
.hgrid a:hover{transform:translateY(-6px);border-color:rgba(255,123,46,.55);background:linear-gradient(180deg,rgba(255,123,46,.12),rgba(255,255,255,.02));box-shadow:0 34px 60px -34px rgba(255,123,46,.5)}
.hn{position:absolute;right:16px;top:6px;font:900 clamp(96px,9vw,160px)/.9 var(--f-d);color:transparent;-webkit-text-stroke:1.5px rgba(255,123,46,.5);transition:color .3s,-webkit-text-stroke-color .3s}
.hgrid a:hover .hn{color:rgba(255,123,46,.2);-webkit-text-stroke-color:rgba(255,160,98,.9)}
.hgrid b{position:relative;font:800 clamp(26px,2.2vw,36px)/1 var(--f-d);letter-spacing:.01em;color:#fff}
.hgrid p{position:relative;margin:0;font-size:clamp(14.5px,1.05vw,16.5px);line-height:1.5;color:var(--fg2)}

/* wezwanie na końcu */
.cta6{position:relative;isolation:isolate;overflow:hidden;margin-top:clamp(50px,6vw,110px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3.4vw,60px);align-items:center;padding:clamp(26px,3.6vw,64px);border-radius:32px;border:1px solid rgba(255,123,46,.42);background:radial-gradient(70% 130% at 0 0,rgba(255,123,46,.3),transparent 65%),radial-gradient(60% 110% at 100% 100%,rgba(250,80,62,.18),transparent 70%),linear-gradient(180deg,#130e0b,#0a0b0e);box-shadow:0 40px 90px -44px rgba(255,123,46,.5)}
.cta6>*:not(canvas){position:relative;z-index:1}
.cta6-logo{width:clamp(110px,15vw,250px);height:auto;aspect-ratio:1;filter:drop-shadow(0 0 44px rgba(255,123,46,.55));animation:logo6 5.5s ease-in-out infinite alternate}
.cta6-k{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:9px;background:rgba(255,123,46,.16);border:1px solid rgba(255,123,46,.55);font:800 16px/1 var(--f-d);letter-spacing:.14em;color:#ffbe8c}
.cta6 h2{margin:14px 0 0;max-width:18ch;font:800 clamp(40px,5.2vw,92px)/.88 var(--f-d);letter-spacing:.005em;color:#fff;text-shadow:0 6px 34px rgba(0,0,0,.5)}
.cta6 p{margin:16px 0 0;max-width:54ch;font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:#cdd5e0}
.cta6 .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(20px,2vw,30px)}

@media(max-width:1100px){
  .hgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .hero6 .mast-stage{position:relative;inset:auto;z-index:0;aspect-ratio:16/10;overflow:hidden;animation:none}
  .hero6 .mast-stage .mast-bg{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
  .hero-fx{display:none}
  .cue6{display:none}
}
@media(max-width:700px){
  .brand6{flex-wrap:wrap;row-gap:10px}
  .b6-name b{font-size:clamp(34px,9.4vw,48px)}
  .b6-s strong{font-size:clamp(62px,19vw,92px)}
  .hgrid{grid-template-columns:minmax(0,1fr)}
  .hgrid a{min-height:170px}
  .cta6{grid-template-columns:minmax(0,1fr);text-align:left}
  .cta6-logo{width:96px}
}
@media(prefers-reduced-motion:reduce){
  .hero6 .mast-stage,.b6-logo,.cta6-logo,.cue6,.hero-fx::after{animation:none!important}
  .strip6-t{animation:none!important;flex-wrap:wrap;width:auto}
  .b6-s strong{animation:none!important}
}

/* ------------------------------------------------------------------ quiz frakcji, zaproszenie, kalendarz eventów */
.hlive .qz-open{--qc:255,123,46;position:relative;text-align:left;font:inherit;color:inherit;cursor:pointer;min-width:240px;max-width:300px;border-color:rgba(var(--qc),.42);background:linear-gradient(135deg,rgba(var(--qc),.18),rgba(9,12,17,.7) 62%);transition:transform .2s,border-color .2s,box-shadow .2s}
.hlive .qz-open:hover{transform:translateY(-2px);border-color:rgba(var(--qc),.85);box-shadow:0 24px 50px -24px rgba(var(--qc),.55)}
.hlive .qz-open .big{font-size:clamp(23px,1.9vw,29px);line-height:1}
.hlive .qz-open .s{font-size:13.5px;color:var(--fg2);line-height:1.35}
.qz-dots{display:flex;gap:5px}
.qz-dots i{width:26px;height:4px;border-radius:2px}
.qz-k{font:700 12.5px/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--qc))}
.hlive .qz-open.is-done .big{color:rgb(var(--qc))}

.qz{width:min(560px,calc(100% - 20px));max-height:calc(100dvh - 20px);margin:auto;padding:0;border:1px solid var(--ln2);border-radius:28px;color:var(--fg);background:linear-gradient(180deg,#151b24,#0a0d12);box-shadow:0 44px 120px -24px #000,0 0 100px -34px rgba(255,123,46,.55);overflow:auto;overscroll-behavior:contain}
.qz::backdrop{background:rgba(3,5,8,.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.qz[open]{animation:qzin .28s cubic-bezier(.2,.8,.2,1)}
@keyframes qzin{from{opacity:0;transform:translateY(14px) scale(.98)}}
html.qz-lock{overflow:hidden}
.qz-x{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--ln2);background:rgba(255,255,255,.06);color:var(--fg2);cursor:pointer}
.qz-x:hover{background:rgba(255,255,255,.13);color:#fff}
.qz-x svg{width:18px;height:18px}
.qz-b{padding:28px 28px 26px}
.qz-pr{display:flex;gap:6px;margin:0 46px 22px 0}
.qz-pr i{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.12)}
.qz-pr i.on{background:var(--ac)}
.qz-pr i.cur{background:linear-gradient(90deg,var(--ac),rgba(255,255,255,.12))}
.qz-n{margin:0 0 8px;font:700 13px/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--ac2)}
.qz h3{margin:0 40px 18px 0;font:800 clamp(30px,6vw,40px)/1.02 var(--f-d)}
.qz-l{margin:-6px 0 16px;font-size:17px;color:var(--fg2)}
.qz-a{display:grid;gap:10px}
.qz-a button{display:block;width:100%;text-align:left;padding:16px 18px;border-radius:16px;border:1px solid var(--ln2);background:rgba(255,255,255,.04);color:var(--fg);font:600 16.5px/1.35 var(--f-t);cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.qz-a button:hover,.qz-a button:focus-visible{background:rgba(255,123,46,.14);border-color:rgba(255,160,98,.75);transform:translateX(3px)}
.qz-s{margin:18px 0 0;font-size:13.5px;color:var(--fg3)}
.qz-cv{display:block;margin:0 auto;width:auto;height:auto;max-width:100%;max-height:min(54dvh,560px);border-radius:18px;border:1px solid var(--ln2);box-shadow:0 24px 60px -24px #000}
.qz-bt{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.qz-again{margin-left:auto;padding:8px 4px;border:0;background:none;color:var(--fg2);font:600 14.5px/1 var(--f-t);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.qz-again:hover{color:#fff}

.evc{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:6px 11px 6px 9px;border-radius:99px;border:1px solid rgba(255,123,46,.38);background:rgba(255,123,46,.08);color:var(--ac2);font:700 13px/1 var(--f-t);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.evc svg{width:16px;height:16px}
.evc:hover{background:rgba(255,123,46,.2);border-color:rgba(255,160,98,.8);color:#fff}

@media(max-width:700px){
  .hlive .qz-open{min-width:0;max-width:none;width:100%}
  .qz-b{padding:22px 18px 20px}
  .qz-cv{max-height:46dvh}
  .qz-again{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.qz[open]{animation:none}.hlive .qz-open,.qz-a button{transition:none}}

/* ------------------------------------------------------------------ wojna frakcji, dni specjalizacji, podsumowanie sezonu */
.war6[hidden],.th6[hidden]{display:none}
.war6{padding:clamp(18px,2vw,26px)}
.war-bar{display:flex;gap:4px;height:22px;padding:4px;border-radius:99px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--ln)}
.war-bar i{display:block;flex-basis:0;min-width:14px;border-radius:99px;transition:flex-grow .9s cubic-bezier(.2,.8,.2,1)}
.war-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.war-f{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r2);border:1px solid rgba(var(--c),.28);background:linear-gradient(135deg,rgba(var(--c),.13),rgba(255,255,255,.02) 70%)}
.war-f.is-top{border-color:rgba(var(--c),.85);box-shadow:0 18px 44px -26px rgba(var(--c),.85)}
.war-f.is-mine{outline:2px solid rgba(var(--c),.5);outline-offset:3px}
.war-e svg{display:block;width:30px;height:30px;color:rgb(var(--c))}
.war-t{min-width:0}
.war-t b{display:block;font:800 22px/1 var(--f-d);letter-spacing:.01em;text-transform:uppercase;color:var(--fg)}
.war-t span{display:block;margin-top:5px;font:600 13px/1.2 var(--f-t);color:var(--fg3)}
.war-f.is-top .war-t span{color:rgb(var(--c))}
.war-w{text-align:right}
.war-w b{display:block;font:900 42px/.9 var(--f-d);font-variant-numeric:tabular-nums}
.war-w span{display:block;margin-top:4px;font:700 13px/1 var(--f-t);color:var(--fg3)}
.war-ft{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:16px}
.war-l{display:inline-flex;align-items:center;gap:6px}
.war-l em{margin-right:4px;font:600 13.5px/1 var(--f-t);font-style:normal;color:var(--fg3)}
.war-l i{width:12px;height:12px;border-radius:50%}
.war-me{font:700 14.5px/1.35 var(--f-t)}
.war-pv{font:600 14px/1.3 var(--f-t);color:var(--fg2)}
.war-b{padding:8px 14px;border-radius:99px;border:1px solid rgba(255,123,46,.45);background:rgba(255,123,46,.1);color:var(--ac2);font:700 14px/1 var(--f-t);cursor:pointer;transition:background .15s,color .15s}
.war-b:hover{background:rgba(255,123,46,.24);color:#fff}
.war-n{flex-basis:100%;font-size:12.5px;line-height:1.4;color:var(--fg3)}

.th6{--tc:255,123,46;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding:16px 20px;border-radius:var(--r2);border:1px solid rgba(var(--tc),.35);background:linear-gradient(100deg,rgba(var(--tc),.14),rgba(9,12,17,.62) 70%)}
.th6.snajper{--tc:76,177,239}.th6.pilot{--tc:250,80,62}.th6.kierowca{--tc:255,123,46}
.th6.is-today{border-color:rgba(var(--tc),.75);box-shadow:0 20px 46px -28px rgba(var(--tc),.75)}
.th6-m{display:flex;align-items:center;gap:14px;min-width:0}
.th6-i{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(var(--tc),.18);color:rgb(var(--tc));box-shadow:inset 0 0 0 1px rgba(var(--tc),.4)}
.th6-i svg{width:26px;height:26px}
.th6-m b{display:block;font:800 22px/1.1 var(--f-d);letter-spacing:.01em}
.th6-m p{margin:3px 0 0;font-size:15px;line-height:1.4;color:var(--fg2)}
.th6-d{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.th6-d li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:99px;border:1px solid var(--ln2);background:rgba(255,255,255,.04);font:600 13.5px/1 var(--f-t);color:var(--fg2)}
.th6-d li b{font-weight:800;color:var(--fg)}
.th6-d li.on{border-color:rgba(var(--tc),.8);background:rgba(var(--tc),.16);color:#fff}
.ord.x2{border-color:rgba(255,160,98,.75)!important;box-shadow:0 0 0 1px rgba(255,160,98,.25),0 22px 50px -26px rgba(255,123,46,.75)!important}
.ord.x2 .hd{background:rgba(255,123,46,.22)}
.ord.x2 .hd span:last-child{color:#fff}

.cd.pr .sz-btn{align-self:flex-start;margin-top:14px}
.hlive .sz-open .qz-k{color:rgb(var(--qc))}
.hlive .sz-open[hidden],.cd.pr .sz-btn[hidden]{display:none!important}
.hlive .qz-open .s{white-space:normal}

@media(max-width:700px){
  .war-g{grid-template-columns:1fr;gap:10px}
  .war-w b{font-size:36px}
  .th6{padding:14px 16px}
  .th6-m b{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.war-bar i{transition:none}}
.v6 .ord .bd{text-align:left}
.war6 .cd-h .chip.r{padding:7px 12px;border-radius:99px;border:1px solid var(--ln2);background:rgba(255,255,255,.05);font:700 13px/1 var(--f-t);color:var(--fg2);white-space:nowrap}

/* Sezon 3 · film w tle hero: nad zdjęciem, pod przyciemnieniem i napisami; na telefonie i przy „ogranicz ruch" zostaje zdjęcie */
.hero6 .mast-stage .hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,76% 40%);z-index:1;opacity:0;transition:opacity 1.6s ease;pointer-events:none}
.hero6 .mast-stage .hv.on{opacity:1}
.hero6.vid .mast-stage canvas.fx{opacity:0;transition:opacity 1.6s ease}
@media (max-width:980px),(prefers-reduced-motion:reduce){.hero6 .mast-stage .hv{display:none}}

/* Sezon 3 · hero: kolumna z marką i napisem po lewej, na dole jeden pasek stanu w stylu HUD
   (ikona w znaczniku, mała etykieta, wartość, opis; klikalne pola ze strzałką). Tylko komputer. */
@media (min-width:981px){
  .hero6::before{background:linear-gradient(90deg,rgba(6,8,11,.92) 0%,rgba(6,8,11,.72) 26%,rgba(6,8,11,.24) 50%,rgba(6,8,11,0) 64%),linear-gradient(0deg,rgba(6,8,11,.82) 0%,rgba(6,8,11,.4) 17%,rgba(6,8,11,0) 34%)}
  .hero6 .mast-in{padding:clamp(28px,3.4vw,56px) clamp(28px,3.4vw,56px) clamp(22px,2.2vw,34px);gap:0}
  .hero6 .mast-t{max-width:min(100%,720px)}
  .hero6 .btns{margin-top:clamp(22px,2vw,32px)}
  .hero6 .cue6{display:none}

  .hlive{position:relative;margin-top:clamp(28px,2.8vw,46px);width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;padding:6px;border-radius:24px;
    background:linear-gradient(180deg,rgba(18,22,30,.74),rgba(8,10,14,.84));border:1px solid rgba(255,255,255,.09);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 34px 70px -38px rgba(0,0,0,1);-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25)}
  .hlive::before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,160,98,.55),transparent);pointer-events:none}
  .hlive>.stat,.hlive>.qz-open{--hc:255,123,46;position:relative;min-width:0;max-width:none;margin:0;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:16px;row-gap:5px;align-content:center;align-items:center;
    padding:16px 20px;border:0;border-radius:18px;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left;transition:background .25s ease}
  .hlive>*+*{border-left:1px solid transparent!important;border-image:linear-gradient(180deg,transparent 12%,rgba(255,255,255,.16) 50%,transparent 88%) 1!important}
  /* znacznik z ikoną */
  .hlive>.stat::before{content:"\e26e";grid-column:1;grid-row:1 / span 3;align-self:center;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;font:normal 21px/1 "AG Icons";color:rgb(var(--hc));
    background:radial-gradient(120% 120% at 30% 20%,rgba(var(--hc),.28),rgba(var(--hc),.08));border:1px solid rgba(var(--hc),.38);box-shadow:0 0 22px -6px rgba(var(--hc),.55),inset 0 1px 0 rgba(255,255,255,.12)}
  .hlive>#bOn{--hc:29,214,92}
  .hlive>#bOn:has(.chip.off){--hc:250,80,62}
  .hlive>#bWipe::before{content:"\e19a"}
  .hlive>#qzOpen::before{content:"\ec34"}
  .hlive>#szOpen::before{content:"\e320"}
  .hlive>.qz-open{--hc:var(--qc)}
  .hlive>*>*{grid-column:2;min-width:0}
  /* etykieta */
  .hlive .stat>.mono,.hlive .qz-k,.hlive .stat>.chip{display:flex;align-items:center;gap:8px;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;font:700 11.5px/1.2 var(--f-t);letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}
  .hlive .stat>.chip{color:rgb(var(--hc))}
  .hlive .stat>.chip i{width:7px;height:7px;flex:none;border-radius:50%;background:rgb(var(--hc));box-shadow:0 0 0 0 rgba(var(--hc),.6);animation:hl-ping 2.2s ease-out infinite}
  .hlive .qz-k{color:rgb(var(--hc))}
  /* wartość i opis */
  .hlive .stat .big,.hlive .qz-open .big{display:block;font:800 clamp(22px,1.6vw,28px)/1.02 var(--f-d);letter-spacing:.01em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hlive .qz-open.is-done .big{color:rgb(var(--hc))}
  .hlive .stat .s,.hlive .qz-open .s{display:block;font:500 13px/1.35 var(--f-t);color:var(--fg2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hlive .qz-dots{display:none}
  .hlive>#qzOpen:not(.is-done) .big::before{content:"Quiz";display:block;margin-bottom:6px;font:700 11.5px/1.2 var(--f-t);letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--hc))}
  /* klikalne pola: strzałka i podświetlenie */
  .hlive>.qz-open{cursor:pointer;padding-right:46px}
  .hlive>.qz-open::after{content:"\203A";position:absolute;right:16px;top:50%;width:28px;height:28px;margin-top:-14px;display:grid;place-items:center;border-radius:50%;font:600 20px/1 var(--f-t);padding-bottom:2px;box-sizing:border-box;color:rgb(var(--hc));background:rgba(var(--hc),.12);border:1px solid rgba(var(--hc),.3);transition:transform .25s ease,background .25s ease}
  .hlive>.qz-open:hover{transform:none;box-shadow:none;background:linear-gradient(135deg,rgba(var(--hc),.14),rgba(var(--hc),.02) 75%)}
  .hlive>.qz-open:hover::after{transform:translateX(3px);background:rgba(var(--hc),.22)}
  .hlive>.qz-open:focus-visible{outline:2px solid rgba(var(--hc),.8);outline-offset:-2px}
}
@media (min-width:981px) and (max-width:1599px){
  .hlive>.stat,.hlive>.qz-open{grid-template-columns:40px minmax(0,1fr);column-gap:12px;padding:14px 14px}
  .hlive>.stat::before{width:40px;height:40px;border-radius:12px;font-size:18px}
  .hlive>.qz-open{padding-right:40px}
  .hlive>.qz-open::after{right:10px;width:24px;height:24px;margin-top:-12px;font-size:17px}
  .hlive .stat .big,.hlive .qz-open .big{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(20px,1.55vw,24px)}
  .hlive .stat .s,.hlive .qz-open .s{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12.5px}
}
@keyframes hl-ping{0%{box-shadow:0 0 0 0 rgba(var(--hc),.55)}70%{box-shadow:0 0 0 7px rgba(var(--hc),0)}100%{box-shadow:0 0 0 0 rgba(var(--hc),0)}}
@media (prefers-reduced-motion:reduce){.hlive .stat>.chip i{animation:none}}