/* ============================================================
   paffcio.pro 5.0.0 · MAJOR
   Tokeny: 3 powierzchnie, skala pisma 8 kroków, 3 trackingi, odstępy ×8.
   Ruch: @media (prefers-reduced-motion) oraz klasa .rm na <html> (przełącznik w stopce).
   ============================================================ */
@font-face{font-family:Archivo;src:url('fonts/archivo.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;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:Archivo;src:url('fonts/archivo-ext.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:"Instrument Sans";src:url('fonts/instrument-sans.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url('fonts/instrument-sans-ext.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
:root{color-scheme:dark}
html{background:#040404}
body{margin:0;background:#040404;color:#f5f5f0;font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
h1,h2,h3,h4,p,dl,dd,ol,ul,figure{margin:0}
[hidden]{display:none!important}
.mj-sprite{position:absolute;width:0;height:0;overflow:hidden}
abbr[title]{text-decoration:none}
::selection{background:var(--tw);color:var(--tw-ink)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{width:18px;height:18px;flex:none;display:block}
@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}

:root{
  --k:#040404;--s1:#0c0c0c;--s2:#141414;--hover:#0d1118;
  --w:#f5f5f0;--mute:#9d9d96;--soft:#c9c9c2;--line:rgba(245,245,240,.13);
  --tw:#3d9bff;--tw-hi:#7dbbff;--tw-ink:#04101f;--tw-rgb:61,155,255;--red:#e80128;--live:#ff3b3b;
  --a:"Archivo","Instrument Sans",system-ui,sans-serif;--t:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-display:clamp(64px,8.9vw,128px);--fs-h2:clamp(40px,4.4vw,64px);--fs-h3:clamp(26px,2.2vw,32px);--fs-val:clamp(32px,2.8vw,40px);
  --fs-lead:clamp(19px,1.5vw,22px);--fs-body:clamp(16px,1.2vw,17px);--fs-small:14px;--fs-label:13px;--fs-btn:14.5px;
  --tr-display:-.01em;--tr-label:.12em;
  --sp-1:8px;--sp-2:12px;--sp-3:16px;--sp-4:24px;--sp-5:32px;--sp-6:48px;--sp-7:64px;--sp-8:96px;--sp-9:128px;
  --gutter:clamp(16px,4vw,56px);--max:1440px;--hit:44px
}
.mj{
  background:var(--k);color:var(--w);font-family:var(--t);font-size:var(--fs-body);line-height:1.6
}
:where(.mj) a{color:inherit}
.mj :focus-visible{outline:2px solid var(--tw-hi);outline-offset:3px}
.mj-wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}

/* ---------- typografia ---------- */
.mj-display{font-family:var(--a);font-weight:900;font-stretch:125%;font-size:var(--fs-display);line-height:.86;letter-spacing:var(--tr-display);text-transform:uppercase;text-wrap:balance}
.mj-h2{font-family:var(--a);font-weight:900;font-stretch:125%;font-size:var(--fs-h2);line-height:.9;letter-spacing:var(--tr-display);text-transform:uppercase;text-wrap:balance}
.mj-h3{font-family:var(--a);font-weight:800;font-stretch:112%;font-size:var(--fs-h3);line-height:1.05;letter-spacing:0;text-wrap:balance}
.mj-val{font-family:var(--a);font-weight:900;font-stretch:115%;font-size:var(--fs-val);line-height:1;font-variant-numeric:tabular-nums}
.mj-lead{font-size:var(--fs-lead);line-height:1.5;color:var(--w);max-width:44ch}
.mj-p{font-size:var(--fs-body);line-height:1.6;color:var(--soft);max-width:58ch}
.mj-small{font-size:var(--fs-small);line-height:1.5;color:var(--mute)}
.mj-lbl{font-family:var(--t);font-weight:500;font-size:var(--fs-small);line-height:1.3;color:var(--mute);letter-spacing:0;text-transform:none}
.mj-kick{font-family:var(--a);font-weight:800;font-stretch:78%;font-size:var(--fs-label);letter-spacing:var(--tr-label);text-transform:uppercase;line-height:1}
/* etykiety: 3 warianty */
.mj-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 5px;background:var(--tw);color:var(--tw-ink)}
.mj-tag--line{background:transparent;color:var(--w);box-shadow:inset 0 0 0 1.5px rgba(245,245,240,.55)}
.mj-air{display:inline-flex;align-items:center;gap:8px;min-height:var(--hit);padding:0 12px;background:var(--s2);color:#bdbdb6;text-decoration:none;transition:background .2s,color .2s}
.mj-air i{width:7px;height:7px;border-radius:50%;background:#5b5b57;flex:none}
.mj-air:hover{background:#222}
.is-live .mj-air{background:var(--tw);color:var(--tw-ink)}
.is-live .mj-air:hover{background:var(--tw-hi)}
.is-live .mj-air i{background:var(--live);color:rgba(255,59,59,.6);animation:pulse 1.5s infinite}
/* pigułki rankingu */
.mj-rk{font-family:var(--a);font-weight:900;font-stretch:115%;font-size:.72em;border-radius:999px;min-height:1.55em;padding:0 .62em;display:inline-flex;align-items:center;line-height:1;background:var(--w);color:var(--k)}
.mj-rk--red{background:var(--red);color:#fff;padding-right:.3em;gap:.3em}
.mj-rk svg{width:1.5em;height:1.5em;color:var(--red);flex:none}
.mj-ch{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(245,245,240,.45);display:grid;place-items:center;flex:none;color:var(--w)}
.mj-ch svg{width:20px;height:20px}
/* link: jeden styl */
.mj-link{display:inline-flex;align-items:center;gap:8px;min-height:var(--hit);font-family:var(--a);font-weight:800;font-stretch:88%;font-size:14px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--w);box-shadow:inset 0 -2px 0 var(--tw);padding:2px 0 3px}
.mj-link:hover{color:var(--tw-hi)}
.mj-link i{font-style:normal;transition:transform .2s}
.mj-link:hover i{transform:translateX(3px)}
/* przyciski: 52 i 40 */
.mj-btn{height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--a);font-weight:800;font-stretch:88%;font-size:var(--fs-btn);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;transition:background .15s,color .15s}
.mj-btn--tw{background:var(--tw);color:var(--tw-ink)}
.mj-btn--tw:hover{background:var(--tw-hi)}
.mj-btn--line{box-shadow:inset 0 0 0 2px var(--w);color:var(--w);background:transparent}
.mj-btn--line:hover{background:rgba(245,245,240,.08)}
.mj-btn--sm{height:40px;padding:0 14px;font-size:13px;background:var(--s2);color:var(--mute);box-shadow:inset 0 0 0 1px var(--line)}
.mj-btn--sm[aria-pressed="true"]{background:var(--w);color:var(--k);box-shadow:none}
.mj-btn .ic{width:16px;height:16px}
.mj-btn:disabled{opacity:.5;cursor:default}

/* ---------- nagłówek: jeden na wszystkich stronach ---------- */
.mj-top{position:relative;z-index:6;display:flex;align-items:center;flex-wrap:wrap;gap:0 20px;padding:12px var(--gutter)}
.mj-wm{display:inline-flex;align-items:center;min-height:var(--hit);text-decoration:none;font-family:var(--a);font-weight:900;font-stretch:125%;font-size:17px;letter-spacing:.02em;text-transform:uppercase;color:var(--w);transition:color .15s}
.mj-wm:hover{color:var(--tw-hi)}
.mj-top .mj-air{font-family:var(--a);font-weight:800;font-stretch:75%;font-size:12px;letter-spacing:var(--tr-label);text-transform:uppercase}
.mj-links{display:flex;gap:12px;margin-left:auto}
.mj-links a{position:relative;display:inline-flex;align-items:center;min-height:var(--hit);min-width:var(--hit);justify-content:center;padding:0 8px;text-decoration:none;font-family:var(--a);font-weight:700;font-stretch:72%;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);transition:color .15s}
.mj-links a:hover{color:var(--w)}
.mj-links a::after{content:"";position:absolute;left:8px;right:8px;bottom:6px;height:2px;background:var(--tw);transform:scaleX(0);transform-origin:right;transition:transform .22s cubic-bezier(.4,0,.2,1)}
.mj-links a:hover::after,.mj-links a:focus-visible::after,.mj-links a.is-going::after,.mj-links a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.mj-links a[aria-current="page"],.mj-links a.is-going{color:var(--w)}
.mj-lang{display:flex;box-shadow:inset 0 0 0 1px var(--line)}
.mj-lang a{display:grid;place-items:center;width:44px;height:var(--hit);text-decoration:none;color:var(--mute);font-family:var(--a);font-weight:700;font-stretch:72%;font-size:13px;letter-spacing:.1em;transition:color .15s}
.mj-lang a:hover{color:var(--w)}
.mj-lang a[aria-current="true"]{color:var(--w);background:var(--s2)}
@media (max-width:900px){
  .mj-top{gap:0 12px}
  .mj-links{order:9;flex-basis:100%;justify-content:flex-start;gap:8px;margin:4px 0 0 -8px;border-top:1px solid var(--line)}
  .mj-links a{font-size:13.5px}
  .mj-lang{margin-left:auto}
}
@media (max-width:420px){.mj-top{padding-left:16px;padding-right:16px}.mj-wm{font-size:15px}.mj-top .mj-air{font-size:11px;padding:0 8px;letter-spacing:.08em}}

/* ---------- sekcje ---------- */
.mj-sec{padding-top:var(--sp-8)}
.mj-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-3) var(--sp-6);flex-wrap:wrap;margin-bottom:var(--sp-5)}
.mj-sh>div:first-child{display:grid;gap:var(--sp-3);min-width:0}
.mj-std{font-size:var(--fs-lead);line-height:1.45;color:var(--soft);max-width:56ch}
.mj-rule{border-top:1px solid var(--line)}
@media (max-width:900px){.mj-sec{padding-top:var(--sp-7)}}

/* ---------- powierzchnie, listy ---------- */
.mj-tile{background:var(--s1);box-shadow:inset 0 0 0 1px var(--line)}
.mj-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mj-list>li{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}
.mj-dl{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr);border-top:1px solid var(--line)}
.mj-dl dt,.mj-dl dd{padding:14px 0;border-bottom:1px solid var(--line)}
.mj-dl dt{color:var(--mute);font-size:var(--fs-small);font-weight:500;padding-right:var(--sp-3)}
.mj-dl dd{margin:0;font-weight:600;font-size:var(--fs-body)}
@media (max-width:560px){.mj-dl{grid-template-columns:1fr}.mj-dl dt{padding-bottom:2px;border-bottom:0}.mj-dl dd{padding-top:0}}

/* ---------- stopka: jedna na wszystkich stronach ---------- */
.mj-foot{max-width:var(--max);margin:var(--sp-8) auto 0;padding:var(--sp-4) var(--gutter) var(--sp-6);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3) var(--sp-5);flex-wrap:wrap;color:var(--mute)}
.mj-foot a,.mj-foot-b{display:inline-flex;align-items:center;min-height:var(--hit);min-width:var(--hit);justify-content:center;text-decoration:none;color:var(--mute);font-family:var(--a);font-weight:700;font-stretch:78%;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.mj-foot a:hover,.mj-foot-b:hover{color:var(--w)}
.mj-foot-b{border:0;background:none;cursor:pointer;padding:0 var(--sp-2);gap:8px}
.mj-motion i{width:7px;height:7px;background:var(--tw);flex:none}
.mj-motion[aria-pressed="false"] i{background:#5b5b57}
.mj-foot nav{display:flex;gap:0 var(--sp-1);flex-wrap:wrap;margin-right:calc(-1 * var(--sp-2))}
.mj-foot nav a{padding:0 var(--sp-2)}
.mj-foot .mj-copy{font-family:var(--a);font-weight:700;font-stretch:78%;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
@media (max-width:900px){.mj-foot{margin-top:var(--sp-7)}}

/* ---------- kursor ---------- */
.mj{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2v17l4.6-4.2 3.3 7.4 3.1-1.4-3.3-7.3H17z' fill='%23f5f5f0' stroke='%23040404' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M3 2v5.5L6.2 4.6z' fill='%233d9bff'/%3E%3C/svg%3E") 3 2,auto}
.mj a,.mj button,.mj summary,.mj label{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg fill='none' stroke='%23040404' stroke-width='2.8' stroke-linecap='square'%3E%3Ccircle cx='11' cy='11' r='5.5'/%3E%3Cpath d='M11 2v3.5M11 16.5V20M2 11h3.5M16.5 11H20'/%3E%3C/g%3E%3Cg fill='none' stroke='%233d9bff' stroke-width='1.3' stroke-linecap='square'%3E%3Ccircle cx='11' cy='11' r='5.5'/%3E%3Cpath d='M11 2v3.5M11 16.5V20M2 11h3.5M16.5 11H20'/%3E%3C/g%3E%3Ccircle cx='11' cy='11' r='1.2' fill='%23f5f5f0'/%3E%3C/svg%3E") 11 11,pointer}
.mj input,.mj textarea{cursor:text}

/* ---------- scena: snopy tylko na Home, 3 sztuki, bez pętli obrotu ---------- */
.mj-beams{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.mj-beam{position:absolute;top:-12%;width:38vw;height:128%;transform-origin:50% 0;background:linear-gradient(180deg,rgba(220,232,255,.18),rgba(220,232,255,.05) 55%,transparent 82%);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);filter:blur(5px);mix-blend-mode:screen}
.mj-beam:nth-child(1){left:-4%;transform:rotate(-18deg);animation:mjDrift 40s ease-in-out infinite alternate}
.mj-beam:nth-child(2){left:31%;transform:rotate(0deg);opacity:.8}
.mj-beam:nth-child(3){right:-4%;transform:rotate(18deg);animation:mjDrift 46s ease-in-out infinite alternate-reverse}
.is-live .mj-beam:nth-child(2){background:linear-gradient(180deg,rgba(var(--tw-rgb),.36),rgba(var(--tw-rgb),.07) 55%,transparent 82%)}
@keyframes mjDrift{from{transform:rotate(-18deg)}to{transform:rotate(-10deg)}}
.mj-haze{position:absolute;left:-10%;right:-10%;bottom:-5%;height:55%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 60% at 30% 100%,rgba(200,210,235,.09),transparent 70%),radial-gradient(ellipse 50% 60% at 72% 100%,rgba(200,210,235,.07),transparent 70%)}
/* na dotyku i wąskim ekranie snopy stoją i nie są rozmywane */
@media (hover:none),(max-width:900px){.mj-beam{filter:none;animation:none!important;opacity:.7;background:linear-gradient(180deg,rgba(220,232,255,.12),rgba(220,232,255,.03) 55%,transparent 82%)}}
/* podstrony: płaski gradient sceny zamiast snopów */
.mj-stage-flat{background:radial-gradient(ellipse 80% 60% at 50% 100%,#0e1118,var(--k) 70%)}

/* ---------- ruch ---------- */
.mj-stinger{position:fixed;inset:0;z-index:900;pointer-events:none;overflow:hidden}
.mj-stinger i{position:absolute;top:-20%;bottom:-20%;width:60vw;left:-70vw;transform:skewX(-18deg)}
.mj-stinger i:nth-child(1){background:var(--tw);animation:mjSting .5s cubic-bezier(.7,0,.2,1) forwards}
.mj-stinger i:nth-child(2){background:var(--w);animation:mjSting .5s .05s cubic-bezier(.7,0,.2,1) forwards}
.mj-stinger i:nth-child(3){background:var(--k);animation:mjSting .5s .1s cubic-bezier(.7,0,.2,1) forwards}
@keyframes mjSting{0%{left:-70vw}100%{left:130vw}}
.pf-seen .mj-stinger,.pf-in .mj-stinger{display:none!important}
.anim [data-wipe]{position:relative;clip-path:inset(-.3em 100% -.25em 0)}
.anim [data-wipe]::after{content:"";position:absolute;top:0;bottom:0;left:0;width:0;background:var(--tw)}
.anim [data-wipe].is-in{animation:mjWipeIn .6s cubic-bezier(.7,0,.2,1) forwards}
.anim [data-wipe].is-in::after{animation:mjBar .6s cubic-bezier(.7,0,.2,1) forwards}
@keyframes mjWipeIn{to{clip-path:inset(-.3em -.2em -.25em 0)}}
@keyframes mjBar{0%{left:0;width:0}50%{left:0;width:100%}100%{left:100%;width:0}}
.anim [data-rise]{opacity:0;transform:translateY(12px)}
.anim [data-rise].is-in{animation:mjRise .5s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes mjRise{to{opacity:1;transform:none}}
/* glint tylko raz, przy pierwszym pokazaniu pigułek */
.mj-rk{position:relative;overflow:hidden;isolation:isolate}
.mj-rk::before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;z-index:1;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg)}
.anim .is-in .mj-rk::before{animation:mjGlint .9s .5s ease-out forwards}
@keyframes mjGlint{to{left:130%}}

/* ---------- przejście między stronami ---------- */
.pf-tr{position:fixed;inset:0;z-index:950;pointer-events:none;overflow:hidden;visibility:hidden}
.pf-tr b{position:absolute;top:-10vh;left:0;height:120vh;display:flex;will-change:transform;transform:translateX(calc(-130vw - 75vh)) skewX(-18deg)}
.pf-tr i{flex:none;height:100%}
.pf-tr i:nth-child(1),.pf-tr i:nth-child(5){width:10vw;background:#3d9bff}
.pf-tr i:nth-child(2),.pf-tr i:nth-child(4){width:5vw;background:#f5f5f0}
.pf-tr i:nth-child(3){width:calc(100vw + 50vh);background:#040404}
.pf-out .pf-tr{visibility:visible;pointer-events:auto}
.pf-out .pf-tr b{animation:pfOut .22s cubic-bezier(.4,0,.8,.6) forwards}
.pf-in .pf-tr{visibility:visible}
.pf-in .pf-tr b{transform:translateX(calc(-15vw - 25vh)) skewX(-18deg);animation:pfIn .32s 1.2s cubic-bezier(.2,.58,.35,1) forwards}
.pf-in.pf-go .pf-tr b{animation:pfGo .32s cubic-bezier(.2,.58,.35,1) forwards}
@keyframes pfOut{to{transform:translateX(calc(-15vw - 25vh)) skewX(-18deg)}}
@keyframes pfIn{to{transform:translateX(calc(100vw + 25vh)) skewX(-18deg)}}
@keyframes pfGo{to{transform:translateX(calc(100vw + 25vh)) skewX(-18deg)}}
.pf-in .mj-links a[aria-current="page"]::after{animation:pfTab .26s 1.3s cubic-bezier(.4,0,.2,1) both}
.pf-in.pf-go .mj-links a[aria-current="page"]::after{animation:pfTab .26s .1s cubic-bezier(.4,0,.2,1) both}
@keyframes pfTab{from{transform:scaleX(0)}to{transform:scaleX(1)}}


/* ---------- strona główna ---------- */
.hm-hero{position:relative;display:flex;flex-direction:column;min-height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 80% 55% at 50% 100%,#0f1016,var(--k) 70%)}
.hm-hero .mj-top{position:relative;z-index:6}
.hm-led{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--sp-4) var(--gutter)}
.hm-led>div{position:relative;width:min(100%,1300px);aspect-ratio:3.5/1}
.hm-led canvas{width:100%;height:100%;display:block}
.hm-led>div::after{content:"";position:absolute;inset:-3% -2%;z-index:-1;background:radial-gradient(ellipse 55% 60% at 50% 50%,rgba(210,222,255,.08),transparent 70%)}
.hm-low{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;padding:0 var(--gutter) clamp(28px,5vh,56px)}
.hm-l3{display:grid;justify-items:start}
.hm-l3-a{display:flex;align-items:stretch;background:var(--w);color:var(--k);clip-path:inset(0 100% 0 0);animation:hmWipe .5s .3s cubic-bezier(.7,0,.2,1) forwards}
.hm-l3-a::before{content:"";width:12px;background:var(--tw)}
.hm-l3-a h1{padding:10px 22px 8px 18px;font-family:var(--a);font-weight:900;font-stretch:125%;font-size:clamp(28px,3.6vw,50px);line-height:1;letter-spacing:.01em;text-transform:uppercase}
.hm-l3-b{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;background:var(--s2);color:var(--w);padding:9px 20px 9px 14px;font-family:var(--a);font-weight:600;font-stretch:75%;font-size:15px;letter-spacing:.1em;text-transform:uppercase;clip-path:inset(0 100% 0 0);animation:hmWipe .45s .5s cubic-bezier(.7,0,.2,1) forwards}
.hm-l3-b svg{width:22px;height:14px}
.hm-sep{width:1px;height:16px;background:rgba(245,245,240,.25)}
.hm-roles em{font-style:normal;color:var(--tw);padding:0 4px}
@keyframes hmWipe{to{clip-path:inset(0 0 0 0)}}
.hm-soc{display:grid;grid-template-columns:minmax(210px,auto) repeat(var(--n,5),68px);gap:6px;opacity:0;animation:hmFade .4s .6s forwards}
@keyframes hmFade{to{opacity:1}}
.hm-s{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:68px;text-decoration:none;color:var(--w);background:rgba(12,12,12,.85);box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,color .2s}
.hm-s svg{width:22px;height:22px;transition:transform .25s cubic-bezier(.2,.7,.2,1),color .2s}
.hm-s b{font-family:var(--a);font-weight:800;font-stretch:75%;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);transition:color .2s}
.hm-s:hover{background:var(--hover)}
.hm-s:hover svg{color:var(--tw);transform:translateY(-2px)}
.hm-s:hover b{color:var(--w)}
.hm-s--tw{flex-direction:row;justify-content:flex-start;gap:14px;padding:0 20px;background:var(--tw);color:var(--tw-ink);box-shadow:none}
.hm-s--tw svg{width:26px;height:26px}
.hm-s--tw:hover{background:var(--tw-hi)}
.hm-s--tw:hover svg{color:var(--tw-ink);transform:none}
.hm-s-t{display:grid;gap:2px;text-align:left}
.hm-s-t b{color:var(--tw-ink);font-size:17px;font-weight:900;font-stretch:112%;letter-spacing:.02em}
.hm-s-t em{font-style:normal;font-family:var(--a);font-weight:700;font-stretch:78%;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.hm-s--tw:hover .hm-s-t b{color:var(--tw-ink)}
.hm-s-dot{display:none;margin-left:auto;width:9px;height:9px;border-radius:50%;background:var(--live);color:rgba(255,59,59,.6);animation:pulse 1.5s infinite}
.is-live .hm-s-dot{display:block}
/* pasek wyników: na dotyku zwykły pasek przewijany palcem */
.hm-ticker{position:relative;z-index:5;height:52px;display:flex;align-items:stretch;background:var(--s1);border-top:1px solid var(--line);overflow:hidden}
.hm-ticker-l{flex:none;display:grid;place-items:center;padding:0 18px;background:var(--tw);color:var(--tw-ink);font-family:var(--a);font-weight:900;font-stretch:78%;font-size:13px;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:1}
.hm-ticker-v{flex:1;overflow:hidden;display:flex;align-items:center}
.hm-track{display:flex;white-space:nowrap;animation:hmTick 70s linear infinite}
.hm-track a{display:inline-flex;align-items:center;gap:22px;height:52px;padding-left:22px;text-decoration:none;color:var(--w);font-family:var(--a);font-weight:700;font-stretch:74%;font-size:15px;letter-spacing:.09em;text-transform:uppercase;transition:color .15s}
.hm-track a::after{content:"";width:6px;height:6px;background:var(--tw)}
.hm-track a:hover,.hm-track a:hover em{color:var(--tw)}
.hm-track em{font-style:normal;color:var(--mute);font-weight:600}
.hm-ticker:hover .hm-track{animation-play-state:paused}
@keyframes hmTick{to{transform:translateX(-50%)}}
@media (hover:none){.hm-track{animation:none}.hm-ticker-v{overflow-x:auto;-webkit-overflow-scrolling:touch}.hm-track a[aria-hidden]{display:none}.hm-track a:last-of-type{padding-right:22px}}
/* O mnie */
.hm-about-t{display:grid;gap:var(--sp-3)}
.hm-part-t{margin-top:var(--sp-3)}
.hm-about{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--sp-4) var(--sp-7);align-items:start}
.hm-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--sp-7);border-top:1px solid var(--line)}
.hm-door{display:grid;gap:8px;padding:var(--sp-4) var(--sp-4) var(--sp-5) 0;text-decoration:none;color:var(--w);border-right:1px solid var(--line);margin-right:var(--sp-4);transition:color .2s}
.hm-door:last-child{border-right:0;margin-right:0}
.hm-door .mj-kick{color:var(--tw)}
.hm-door b{font-family:var(--a);font-weight:900;font-stretch:120%;font-size:var(--fs-h3);line-height:1;text-transform:uppercase;transition:color .2s}
.hm-door em{font-style:normal;color:var(--mute);font-size:var(--fs-small)}
.hm-door:hover b{color:var(--tw-hi)}
/* Zawodnik */
.hm-player{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:0;overflow:hidden}
.hm-ph{position:relative;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.anim .hm-ph{clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path 1s cubic-bezier(.7,0,.2,1)}
.anim .is-in .hm-ph{clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.hm-ph img{width:100%;height:auto;aspect-ratio:1535/1025;object-fit:cover}
.hm-ph::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;pointer-events:none}
.hm-pc{position:relative;z-index:2;margin-left:clamp(-100px,-6vw,-32px);display:grid;gap:var(--sp-3);justify-items:start}
.hm-name{font-family:var(--a);font-weight:900;font-stretch:125%;font-size:clamp(40px,4vw,56px);line-height:.9;letter-spacing:var(--tr-display);text-transform:uppercase}
.hm-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;color:var(--soft);font-size:var(--fs-body)}
.hm-meta i{width:4px;height:4px;background:var(--tw)}
.hm-st{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:600px;margin-top:var(--sp-2);border-top:1px solid var(--line);border-left:1px solid var(--line);background:rgba(4,4,4,.85)}
.hm-st>div{display:grid;gap:10px;padding:var(--sp-3) var(--sp-3) var(--sp-3);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.hm-st dt{display:flex;align-items:center;gap:10px}
.hm-st dt .fl{width:22px;height:15px;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(245,245,240,.35)}
.hm-st dt .lg{width:16px;height:16px;flex:none;color:var(--w)}
.hm-st dd{display:flex;align-items:center;gap:12px;min-height:44px}
/* Dla partnerów */
.hm-part{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5) var(--sp-7);align-items:start}
.hm-mail{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:var(--sp-4)}
.hm-mail a{display:inline-flex;align-items:center;min-height:var(--hit);font-family:var(--a);font-weight:800;font-stretch:100%;font-size:clamp(20px,2vw,26px);color:var(--w);text-decoration:none;overflow-wrap:anywhere;transition:color .15s}
.hm-mail a:hover{color:var(--tw-hi)}
.hm-facts{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line)}
.hm-fact{display:flex;align-items:baseline;gap:12px}
.hm-fact .mj-val{white-space:nowrap}
.hm-fact small{font-size:var(--fs-small);color:var(--mute)}
.hm-fm li{font-weight:600;font-size:var(--fs-body)}
.hm-fm li::before{content:"";width:8px;height:8px;background:var(--tw);flex:none}
@media (max-width:900px){
  .hm-led>div{aspect-ratio:3/1}
  .hm-low{flex-direction:column;align-items:stretch;padding-bottom:var(--sp-4)}
  .hm-soc{grid-template-columns:repeat(var(--n,5),minmax(0,1fr))}.hm-s--tw{grid-column:1/-1}
  .hm-about,.hm-part{grid-template-columns:1fr}
  .hm-doors{grid-template-columns:1fr}.hm-door{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding:var(--sp-3) 0}
  .hm-player{grid-template-columns:1fr}.hm-pc{margin:-32px 0 0}
  .hm-st{max-width:none}
}
@media (max-width:560px){.hm-l3-b{font-size:13px;padding:8px 14px 8px 12px}.hm-sep{display:none}.hm-roles{flex-basis:100%;font-size:12px}}

/* ---------- podstrona CS2 ---------- */
.c2-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;min-height:72svh}
.c2-hero .mj-top{position:relative;z-index:6}
.c2-hh{margin-top:auto;padding:var(--sp-7) var(--gutter) var(--sp-7);display:grid;gap:var(--sp-4)}
.c2-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;color:var(--mute)}
.c2-title{font-size:clamp(56px,10vw,150px)}
.c2-lead{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-4) var(--sp-7);flex-wrap:wrap}
.c2-lead>*{min-width:0;max-width:100%}
.c2-lead>.mj-lead{max-width:min(100%,52ch)}
.c2-act{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}
/* Kariera */
.c2-filters{display:flex;gap:6px;flex:none;flex-wrap:wrap;max-width:100%}
.c2-filters .mj-btn--sm{letter-spacing:.1em}
@media (hover:none){.c2-filters .mj-btn--sm{height:44px}}
.c2-table{width:100%;border-collapse:collapse}
.c2-table th{text-align:left;padding:0 14px 12px;border-bottom:1px solid var(--line);color:var(--mute)}
.c2-table td{padding:16px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.c2-table tbody tr{transition:background .15s}
.c2-table tbody tr:hover{background:rgba(var(--tw-rgb),.06)}
.c2-y{width:92px;font-family:var(--a);font-weight:900;font-stretch:115%;font-size:26px;color:var(--tw);font-variant-numeric:tabular-nums}
.c2-ev{font-family:var(--a);font-weight:800;font-stretch:100%;font-size:18px}
.c2-ev small{display:block;margin-top:4px;font-family:var(--t);font-weight:400;font-size:var(--fs-small);color:var(--mute)}
.c2-team{font-family:var(--a);font-weight:700;font-stretch:88%;font-size:15px;letter-spacing:.04em;color:#dcdcd5;white-space:nowrap}
.c2-tags{display:flex;gap:6px;flex-wrap:wrap}
.c2-tag--win{background:var(--tw);color:var(--tw-ink);box-shadow:none}
.c2-tag--lan{background:var(--w);color:var(--k);box-shadow:none}
.c2-src .mj-link{padding:10px 0;white-space:nowrap}
/* Drużyny: linia czasu zamiast pudełek */
.c2-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:0 var(--sp-4);border-top:1px solid var(--line)}
.c2-tl li{position:relative;display:grid;gap:8px;padding:var(--sp-4) 0 0}
.c2-tl li::before{content:"";position:absolute;left:0;top:-1px;width:28px;height:3px;background:var(--tw)}
.c2-tl b{font-family:var(--a);font-weight:900;font-stretch:112%;font-size:22px;line-height:1}
.c2-tl .mj-kick{color:var(--tw)}
.c2-tl small{font-size:var(--fs-small);color:var(--mute)}
/* Highlight: pełna szerokość, tekst na obrazie jak w TV */
.c2-hl{position:relative;overflow:hidden;background:#0b0b0b}
.c2-hl img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;display:block}
.c2-hl::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.92) 0,rgba(4,4,4,.72) 38%,rgba(4,4,4,.1) 70%,transparent),linear-gradient(0deg,rgba(4,4,4,.8),transparent 45%);pointer-events:none}
.c2-hl-c{position:absolute;left:0;right:0;bottom:var(--sp-5);z-index:1;display:grid;gap:var(--sp-3);justify-items:start}
.c2-hl-c>*{max-width:560px}
.c2-hl-c .mj-tag{justify-self:start}
.c2-hl-c h3{font-size:clamp(28px,3vw,40px);text-transform:uppercase}
.c2-hl-c .mj-p{color:#e2e2dc}
.c2-hl-f{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;margin-top:var(--sp-2)}
.c2-hl-f .mj-val{display:inline-flex;align-items:baseline;gap:8px}
.c2-hl-f small{font-size:var(--fs-small);color:var(--soft);font-family:var(--t);font-weight:500}
/* Setup: listy bez ramek */
.c2-setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5) var(--sp-7)}
.c2-setup h3{margin-bottom:var(--sp-3)}
@media (max-width:1100px){.c2-tl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--sp-5)}}
@media (max-width:900px){
  .c2-hero{min-height:0}
  .c2-hh{padding-top:var(--sp-6)}
  .c2-act{width:100%}.c2-act .mj-btn{flex:1}
  .c2-setup{grid-template-columns:1fr}
  .c2-table thead{display:none}
  .c2-table,.c2-table tbody,.c2-table tr,.c2-table td{display:block;width:100%}
  .c2-table tr{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}
  .c2-table td{border:0;padding:4px 0}
  .c2-table td.c2-y{grid-row:1/span 4;font-size:22px;width:auto}
  .c2-table td.c2-team.none{display:none}
  .c2-team{white-space:normal}
  .c2-hl img{aspect-ratio:4/3}
  .c2-hl::after{background:linear-gradient(0deg,rgba(4,4,4,.95) 0,rgba(4,4,4,.6) 45%,transparent 70%)}
  .c2-hl-c{position:relative;left:auto;right:auto;bottom:auto;padding:var(--sp-4) var(--gutter) 0;max-width:none}
  .c2-hl-c{margin-top:-120px}
}
@media (max-width:600px){.c2-tl{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.c2-title{font-size:46px}}

/* ---------- podstrona Stream ---------- */
.st-hero{position:relative;overflow:hidden;isolation:isolate;padding-bottom:var(--sp-6)}
.st-head{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--sp-3) var(--sp-7);align-items:end;padding-top:var(--sp-5)}
.st-head .mj-display{font-size:clamp(60px,8.6vw,124px)}
.st-lead{justify-self:end;max-width:48ch}
/* scena: ekran + tablica */
.st-stage{display:grid;grid-template-columns:minmax(0,1fr) clamp(290px,27vw,380px);gap:var(--sp-3);margin-top:var(--sp-5);align-items:start}
.st-screen{min-width:0;container:stscreen/inline-size}
.st-frame{--c:22px;--lg:#627687;position:relative;aspect-ratio:16/9;max-width:100%;background:#050607;box-shadow:0 0 0 1px var(--line),0 60px 120px -60px rgba(var(--tw-rgb),.4)}
.st-frame::before{content:"";position:absolute;inset:-8px;z-index:1;pointer-events:none;opacity:.85;background:linear-gradient(var(--lg),var(--lg)) 0 0/var(--c) 2px,linear-gradient(var(--lg),var(--lg)) 0 0/2px var(--c),linear-gradient(var(--tw),var(--tw)) 100% 0/var(--c) 2px,linear-gradient(var(--tw),var(--tw)) 100% 0/2px var(--c),linear-gradient(var(--lg),var(--lg)) 0 100%/var(--c) 2px,linear-gradient(var(--lg),var(--lg)) 0 100%/2px var(--c),linear-gradient(var(--lg),var(--lg)) 100% 100%/var(--c) 2px,linear-gradient(var(--lg),var(--lg)) 100% 100%/2px var(--c);background-repeat:no-repeat}
.st-in{position:absolute;inset:0;overflow:hidden;container-type:size}
.st-frame:not(.is-on) .st-in{cursor:pointer}
.st-led{position:absolute;inset:0;width:100%;height:100%;display:block}
.st-vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 75% at 50% 46%,transparent 52%,rgba(0,0,0,.6)),repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px)}
.st-bug{position:absolute;left:3.2cqw;top:3.4cqw;z-index:3;display:flex;font-family:var(--a);font-weight:800;font-stretch:75%;font-size:clamp(12px,1.45cqw,14px);letter-spacing:var(--tr-label);text-transform:uppercase}
.st-bug>span{display:inline-flex;align-items:center;gap:8px;padding:.5em .8em .42em}
.st-bug-a{background:#1c1c1c;color:#bdbdb6}
.is-live .st-bug-a{background:var(--tw);color:var(--tw-ink)}
.st-rec{width:7px;height:7px;border-radius:50%;background:#5b5b57;flex:none}
.is-live .st-rec{background:var(--live);color:rgba(255,59,59,.6);animation:pulse 1.5s infinite}
.st-bug-b{background:rgba(10,10,10,.86);color:var(--w);font-variant-numeric:tabular-nums}
.st-ch{position:absolute;right:3.2cqw;top:3.4cqw;z-index:3;display:inline-flex;align-items:center;gap:8px;color:rgba(245,245,240,.6);font-family:var(--a);font-weight:800;font-stretch:80%;font-size:clamp(12px,1.4cqw,14px);letter-spacing:var(--tr-label);text-transform:uppercase}
.st-ch svg{width:1.45em;height:1.45em}
.st-l3{position:absolute;left:3.2cqw;bottom:3.4cqw;z-index:3;display:grid;justify-items:start;max-width:58%}
.st-l3-a{display:flex;align-items:stretch;background:var(--w);color:var(--k)}
.st-l3-a::before{content:"";width:max(6px,.8cqw);background:var(--tw)}
.st-l3-a b{padding:.32em .7em .24em .55em;font-family:var(--a);font-weight:900;font-stretch:125%;font-size:clamp(15px,3.2cqw,34px);line-height:1;letter-spacing:.01em;text-transform:uppercase}
.st-l3-b{display:flex;align-items:center;gap:10px;max-width:100%;background:var(--s2);color:var(--w);padding:.55em 1em .5em 1.6em;font-family:var(--a);font-weight:600;font-stretch:75%;font-size:clamp(12px,1.45cqw,15px);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.st-l3-b span{overflow:hidden;text-overflow:ellipsis}
.st-l3-b i{width:4px;height:4px;background:var(--tw);flex:none}
.st-play{position:absolute;right:3.2cqw;bottom:3.4cqw;z-index:4;display:inline-flex;align-items:center;gap:12px;height:clamp(44px,6.2cqw,56px);padding:0 clamp(16px,2.4cqw,28px);border:0;cursor:pointer;font-family:var(--a);font-weight:800;font-stretch:88%;font-size:clamp(13px,1.55cqw,14.5px);letter-spacing:.08em;text-transform:uppercase;background:rgba(10,10,10,.8);color:var(--w);box-shadow:inset 0 0 0 2px var(--w);transition:background .15s,color .15s}
.st-play svg{width:1.1em;height:1.1em;flex:none}
.st-play:hover{background:var(--w);color:var(--k)}
.is-live .st-play{background:var(--tw);color:var(--tw-ink);box-shadow:none}
.is-live .st-play:hover{background:var(--tw-hi)}
.st-out{display:none;margin-top:10px;width:100%}
.st-out .ic{width:14px;height:14px}
.is-live .st-out{background:var(--tw);color:var(--tw-ink);box-shadow:none}
@container stscreen (max-width:533px){.st-play,.st-cap p{display:none}.st-out{display:inline-flex}}
.st-feed{position:absolute;inset:0;z-index:6;background:#000}
.st-feed img,.st-feed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.st-sting{position:absolute;inset:0;z-index:7;pointer-events:none}
.st-sting i{position:absolute;top:-30%;bottom:-30%;width:70%;left:-90%;transform:skewX(-18deg)}
.st-sting.go i:nth-child(1){background:var(--tw);animation:stSting .6s cubic-bezier(.7,0,.2,1) forwards}
.st-sting.go i:nth-child(2){background:var(--w);animation:stSting .6s .06s cubic-bezier(.7,0,.2,1) forwards}
.st-sting.go i:nth-child(3){background:var(--k);width:140%;left:-160%;animation:stSting2 .65s .1s cubic-bezier(.7,0,.2,1) forwards}
@keyframes stSting{to{left:140%}}
@keyframes stSting2{0%{left:-160%}48%{left:-20%}100%{left:140%}}
.st-cap{display:flex;justify-content:space-between;align-items:flex-start;gap:8px 24px;flex-wrap:wrap;margin-top:14px}
.st-cap p{max-width:72ch}
.st-close{border:0;background:none;cursor:pointer}
/* tablica transmisji: wysokość z treści, nie z ekranu */
.st-rail{display:flex;flex-direction:column;min-width:0;background:var(--s1);box-shadow:inset 0 0 0 1px var(--line)}
.st-rh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line)}
.st-rh .mj-air{min-height:36px;font-family:var(--a);font-weight:800;font-stretch:75%;font-size:12px;letter-spacing:var(--tr-label);text-transform:uppercase}
.st-rb{display:grid;gap:8px;padding:18px;border-bottom:1px solid var(--line)}
.st-rb .mj-h3{font-size:clamp(22px,1.9vw,28px)}
.st-kv{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.st-kv>div{display:grid;gap:8px;padding:16px 18px}
.st-kv>div+div{border-left:1px solid var(--line)}
.st-rows div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.st-rows dt,.st-rows dd{white-space:nowrap}
.st-rows dd{margin:0;font-family:var(--a);font-weight:900;font-stretch:108%;font-size:19px;line-height:1.1;font-variant-numeric:tabular-nums}
.st-r3{display:grid;gap:8px;padding:18px}
.st-r3 .mj-btn{width:100%;padding:0 10px;gap:8px;font-size:13.5px;letter-spacing:.07em}
.st-r3 div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.is-live .st-off,body:not(.is-live) .st-on{display:none!important}
/* ramówka */
.st-empty{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--sp-4) clamp(28px,5vw,88px);padding:var(--sp-5) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.st-clock{display:block;width:clamp(200px,25vw,370px);height:auto;overflow:visible}
#st-dots circle{fill:rgba(245,245,240,.07)}
.st-clock-off{fill:url(#st-dots)}
.st-clock-on circle{fill:#f5f5f0;opacity:.6}
.st-colon circle{fill:var(--tw)}
.st-colon{animation:stBlink 2s steps(1) infinite}
@keyframes stBlink{50%{opacity:.25}}
.st-empty .mj-btn{margin-top:var(--sp-3)}
.st-notice{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;background:rgba(var(--tw-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--tw-rgb),.42);font-weight:600;font-size:15px;line-height:1.4}
.st-notice::before{content:"";width:8px;height:8px;background:var(--tw);flex:none}
.st-nb{display:flex;flex-wrap:wrap;align-items:stretch;margin-bottom:14px}
.st-nb>*{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;font-family:var(--a);font-weight:800;font-stretch:78%;font-size:13px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.st-nb-k{background:var(--tw);color:var(--tw-ink)}
.st-nb-w{background:var(--w);color:var(--k);font-weight:900;font-stretch:100%;font-size:16px;letter-spacing:.04em}
.st-nb-in{background:var(--s2);color:var(--w);font-variant-numeric:tabular-nums}
.st-nb-l{color:var(--mute);font-weight:700}
a.st-nb-in:hover{color:var(--tw-hi)}
.st-week{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line)}
.st-day{min-height:176px;display:flex;flex-direction:column;border-right:1px solid var(--line)}
.st-day:last-child{border-right:0}
.st-day h3{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);font-family:var(--a);font-weight:800;font-stretch:75%;font-size:13px;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--mute)}
.st-day h3 small{font-size:11px;letter-spacing:var(--tr-label);color:var(--tw)}
.st-day.is-today h3{color:var(--w);background:rgba(var(--tw-rgb),.14)}
.st-slot{margin:12px;padding:12px 12px 13px;display:grid;gap:6px;align-content:start;background:var(--w);color:var(--k)}
.st-slot b{font-family:var(--a);font-weight:900;font-stretch:104%;font-size:clamp(16px,1.45vw,21px);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.st-slot span{font-family:var(--a);font-weight:800;font-stretch:78%;font-size:13px;letter-spacing:.1em;text-transform:uppercase;overflow-wrap:anywhere}
.st-slot small{font-size:12px;line-height:1.3;opacity:.72}
.st-slot--alt{background:transparent;color:var(--w);box-shadow:inset 0 0 0 2px rgba(245,245,240,.85)}
.st-slot em{justify-self:start;display:inline-flex;align-items:center;gap:6px;font-style:normal;font-family:var(--a);font-weight:800;font-stretch:75%;font-size:11px;letter-spacing:var(--tr-label);text-transform:uppercase;padding:3px 6px 2px;background:var(--tw);color:var(--tw-ink)}
.st-day.is-next .st-slot{box-shadow:0 0 0 2px var(--k),0 0 0 4px var(--tw)}
.st-day.is-next .st-slot--alt{box-shadow:inset 0 0 0 2px rgba(245,245,240,.85),0 0 0 2px var(--k),0 0 0 4px var(--tw)}
.is-live .st-day.is-today .st-slot{background:var(--tw);color:var(--tw-ink);box-shadow:none}
.st-slot em.st-onair{background:var(--tw-ink);color:var(--w)}
.st-onair i{width:6px;height:6px;border-radius:50%;background:var(--live);color:rgba(255,59,59,.6);animation:pulse 1.5s infinite}
.st-free{margin:auto;color:#3e3e3a;font-weight:900;font-size:22px}
/* na streamie: lista zamiast kafelków */
.st-games{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.st-games li{display:grid;grid-template-columns:minmax(120px,.3fr) minmax(0,1fr) 220px;gap:var(--sp-3) var(--sp-5);align-items:center;padding:var(--sp-4) 0;border-bottom:1px solid var(--line)}
.st-games b{font-family:var(--a);font-weight:900;font-stretch:125%;font-size:clamp(32px,3.4vw,48px);line-height:.9;text-transform:uppercase}
.st-games .mj-p{max-width:52ch}
.st-gs{display:inline-flex;align-items:center;gap:12px}
.st-gs small{display:block;margin-bottom:4px;font-family:var(--t);font-weight:500;font-stretch:100%;font-size:var(--fs-small);color:var(--mute)}
.st-gs span{font-family:var(--a);font-weight:900;font-stretch:115%;font-size:28px;line-height:1;font-variant-numeric:tabular-nums}
@media (max-width:1180px){
  .st-stage{grid-template-columns:minmax(0,1fr)}
  .st-rail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(300px,1fr)}
  .st-rb,.st-kv{border-bottom:0;border-right:1px solid var(--line)}
  .st-rows div:last-child{border-bottom:0}
  .st-r1,.st-r2{display:contents}
  .st-rh{grid-column:1/-1}
  .st-r3{align-content:center}
}
@media (max-width:900px){
  .st-head{grid-template-columns:minmax(0,1fr)}
  .st-lead{justify-self:start}
  .st-empty{grid-template-columns:minmax(0,1fr)}
  .st-week{grid-template-columns:minmax(0,1fr)}
  .st-day{min-height:0;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}
  .st-day:last-child{border-bottom:0}
  .st-day h3{flex:none;width:78px;align-self:stretch;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;border-bottom:0;border-right:1px solid var(--line)}
  .st-slot{flex:1;min-width:0;margin:8px 10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
  .st-slot span{white-space:nowrap}
  .st-slot small{flex-basis:100%}
  .st-free{margin:0 0 0 18px;font-size:18px}
  .st-games li{grid-template-columns:minmax(0,1fr);gap:var(--sp-2)}
}
@media (max-width:760px){
  .st-clock{display:none}
  .st-rail{grid-template-columns:minmax(0,1fr)}
  .st-rb,.st-kv{border-right:0;border-bottom:1px solid var(--line)}
}

/* ---------- podstrona Dev ---------- */
.dv-hero{position:relative;overflow:hidden;isolation:isolate}
.dv-hh{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:var(--sp-6) var(--sp-7);align-items:end;padding:var(--sp-7) var(--gutter) var(--sp-7)}
.dv-l{display:grid;gap:var(--sp-4);justify-items:start}
.dv-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;color:var(--mute)}
.dv-title{font-size:clamp(52px,6.6vw,96px);font-stretch:112%}
.dv-title span{display:block;color:transparent;-webkit-text-stroke:1.5px rgba(245,245,240,.5)}
.dv-act{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}
/* karta projektu w hero */
.dv-card{display:grid;background:var(--s1);box-shadow:inset 0 0 0 1px var(--line)}
.dv-led{position:relative;aspect-ratio:3/1;background:#050607;border-bottom:1px solid var(--line);overflow:hidden}
.dv-led canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.dv-led::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 85% 80% at 50% 50%,transparent 55%,rgba(0,0,0,.55)),repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px)}
.dv-led-k{position:absolute;left:14px;top:12px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:6px 8px 5px;background:var(--s2);color:#bdbdb6}
.dv-led-k i{width:7px;height:7px;border-radius:50%;background:var(--tw)}
.dv-card .mj-dl{border-top:0;padding:0 var(--sp-4)}
.dv-card .mj-dl>*:nth-last-child(-n+2){border-bottom:0}
/* historia */
.dv-hist{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5) var(--sp-7);align-items:start}
.dv-tl{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.dv-tl li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:baseline;padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}
.dv-tl b{font-family:var(--a);font-weight:900;font-stretch:115%;font-size:24px;line-height:1;color:#8a8a84;font-variant-numeric:tabular-nums}
.dv-tl li.is-now b{color:var(--tw)}
.dv-tl span{font-family:var(--a);font-weight:800;font-stretch:100%;font-size:17px}
.dv-tl small{display:block;margin-top:5px;font-family:var(--t);font-weight:400;font-size:var(--fs-small);color:var(--mute)}
.dv-src{margin-top:var(--sp-3)}
@media (max-width:900px){
  .dv-hh{grid-template-columns:1fr;padding-top:var(--sp-6)}
  .dv-act{width:100%}.dv-act .mj-btn{flex:1}
  .dv-hist{grid-template-columns:1fr}
}
@media (max-width:560px){.dv-tl li{grid-template-columns:64px minmax(0,1fr)}.dv-tl b{font-size:20px}.dv-card .mj-dl{padding:0 var(--sp-3)}}
/* Analizator dem (5.1.0): podstrona /dev/demo-analyzer/ i odnośnik na stronie Dev */
.an-fig{margin:0;border-bottom:1px solid var(--line)}
.an-fig img{display:block;width:100%;height:auto;background:var(--s1)}
.an-fig figcaption{padding:var(--sp-2) var(--sp-4)}
.an-t{margin-top:var(--sp-3)}
.an-diff{list-style:none;margin:var(--sp-3) 0 0;padding:0;border-top:1px solid var(--line)}
.an-diff li{display:grid;gap:6px;padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}
.an-diff b{font-family:var(--a);font-weight:800;font-stretch:100%;font-size:19px;line-height:1.2}
.an-tl li{grid-template-columns:112px minmax(0,1fr)}
.an-tl b{font-size:20px}
.an-door{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--sp-4);padding:var(--sp-5);background:var(--s1);box-shadow:inset 0 0 0 1px var(--line);color:var(--w);text-decoration:none;transition:background .2s}
.an-door:hover{background:var(--hover)}
.an-door-l{display:grid;gap:var(--sp-2);justify-items:start}
.an-door-k{color:var(--tw)}
@media (max-width:560px){.an-tl li{grid-template-columns:84px minmax(0,1fr)}.an-tl b{font-size:16px}.an-fig figcaption{padding:var(--sp-2) var(--sp-3)}.an-door{grid-template-columns:1fr;padding:var(--sp-4)}}

/* ---------- wspólne dodatki strony ---------- */
.mj-skip{position:absolute;left:16px;top:-120px;z-index:1000;display:inline-flex;align-items:center;min-height:var(--hit);padding:0 18px;background:var(--tw);color:var(--tw-ink);font-family:var(--a);font-weight:800;font-stretch:88%;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.mj-skip:focus{top:16px;outline:2px solid var(--w);outline-offset:2px}
.mj-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,10px);z-index:1001;max-width:calc(100vw - 32px);padding:12px 18px;background:var(--w);color:var(--k);font:600 15px/1.35 var(--t);box-shadow:0 12px 32px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.mj-toast.is-on{opacity:1;transform:translate(-50%,0)}
.mj-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:var(--sp-5);border:0;background:var(--s1);color:var(--w);box-shadow:inset 0 0 0 1px var(--line),0 40px 120px rgba(0,0,0,.7);font-family:var(--t);font-size:var(--fs-body);line-height:1.6}
.mj-dialog::backdrop{background:rgba(4,4,4,.78)}
.mj-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}
.mj-dialog-head h2{text-transform:uppercase}
.mj-dialog p+p{margin-top:var(--sp-2)}
.mj-dialog .mj-p{max-width:none;color:var(--w);margin-bottom:var(--sp-3)}
.mj-dialog-x{display:grid;place-items:center;width:var(--hit);height:var(--hit);border:0;background:var(--s2);color:var(--w);cursor:pointer}
.mj-dialog-x:hover{background:#222}
.mj-dialog :focus-visible{outline:2px solid var(--tw-hi);outline-offset:3px}
@media (max-width:560px){.mj-dialog{padding:var(--sp-4)}}

/* Kariera: wszystkie składy */
.c2-lineups{margin-top:var(--sp-5);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.c2-lineups summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:56px;list-style:none;font-family:var(--a);font-weight:800;font-stretch:88%;font-size:14px;letter-spacing:.1em;text-transform:uppercase;transition:color .15s}
.c2-lineups summary::-webkit-details-marker{display:none}
.c2-lineups summary:hover{color:var(--tw-hi)}
.c2-lineups summary i{position:relative;width:14px;height:14px;flex:none}
.c2-lineups summary i::before,.c2-lineups summary i::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--tw);transition:transform .2s}
.c2-lineups summary i::after{transform:rotate(90deg)}
.c2-lineups[open] summary i::after{transform:rotate(0)}
.c2-lineups ul{list-style:none;margin:0;padding:0 0 var(--sp-4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--sp-6)}
.c2-lineups li{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);gap:4px var(--sp-3);padding:14px 0;border-top:1px solid var(--line)}
.c2-lineups li b{display:block;font-family:var(--a);font-weight:800;font-stretch:100%;font-size:16px}
.c2-lineups li small{color:var(--mute);font-size:var(--fs-small)}
.c2-lineups li p{color:var(--soft);font-size:15px;line-height:1.5}
@media (max-width:900px){.c2-lineups ul{grid-template-columns:1fr}}
@media (max-width:560px){.c2-lineups li{grid-template-columns:1fr}}

/* Highlight: obraz, po kliknięciu lokalne wideo */
.c2-hl-m{position:relative}
.c2-hl-v{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:contain;background:#000}
.c2-hl.is-playing::after{display:none}
.c2-hl.is-playing .c2-hl-c{position:relative;left:auto;right:auto;bottom:auto;margin-top:0;padding-top:var(--sp-4)}
.c2-hl-f .mj-link{padding:10px 0}
.c2-code{font:600 14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;color:var(--w)}
.c2-copy{margin-top:10px;gap:8px}
.c2-copy .ic{width:14px;height:14px}
.c2-cfg{margin-top:var(--sp-4)}
@media (max-width:900px){.c2-hl-v{aspect-ratio:4/3}}

/* Stream: drobne elementy */
.st-kicker{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;color:var(--mute);margin-bottom:var(--sp-3)}
.st-bug-b .ic{width:1.35em;height:1.35em}
.st-close .ic{width:14px;height:14px}
.st-kv .mj-val{font-size:28px}
.st-rh .mj-kick{color:var(--mute)}
.st-empty-h{text-transform:uppercase}
.st-empty .mj-p{margin-top:12px}
.st-games .mj-p{margin-top:10px}
.st-gm{display:grid;gap:12px;justify-items:start}
.st-week abbr{text-decoration:none}

/* Dev: opis projektu */
.dv-hist-t{margin-top:var(--sp-3)}
.dv-about-h{margin-top:var(--sp-6)}
.dv-about-p{margin-top:var(--sp-2)}

/* 404 */
.nf-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;min-height:72svh}
.nf-hh{margin-top:auto;padding:var(--sp-7) var(--gutter);display:grid;gap:var(--sp-4);justify-items:start}
.nf-title{font-size:clamp(48px,7.5vw,112px)}

/* ---------- ograniczony ruch: ustawienie systemu albo przełącznik w stopce ---------- */
@media (prefers-reduced-motion:reduce){
  .mj-beam{animation:none!important}
  .mj-stinger,.pf-tr,.st-sting{display:none!important}
  .anim [data-wipe],.anim [data-rise]{clip-path:none;animation:none;opacity:1;transform:none}
  .anim [data-wipe]::after,.mj-rk::before{display:none}
  .mj-links a::after,.mj-link i{transition:none;animation:none!important}
  .mj-air i,.hm-s-dot,.st-rec,.st-onair i,.st-colon{animation:none!important}
  .hm-l3-a,.hm-l3-b,.hm-soc{animation:none;clip-path:none;opacity:1}
  .hm-track{animation:none}.hm-ticker-v{overflow-x:auto}.hm-track a[aria-hidden]{display:none}.hm-track a:last-of-type{padding-right:22px}
  .hm-ph,.is-in .hm-ph{clip-path:polygon(0 0,100% 0,88% 100%,0 100%);transition:none}
  .hm-s svg{transition:none}
}
.rm .mj-beam{animation:none!important}
.rm .mj-stinger,.rm .pf-tr,.rm .st-sting{display:none!important}
.rm .mj-rk::before{display:none}
.rm .mj-links a::after,.rm .mj-link i{transition:none;animation:none!important}
.rm .mj-air i,.rm .hm-s-dot,.rm .st-rec,.rm .st-onair i,.rm .st-colon{animation:none!important}
.rm .hm-l3-a,.rm .hm-l3-b,.rm .hm-soc{animation:none;clip-path:none;opacity:1}
.rm .hm-track{animation:none}.rm .hm-ticker-v{overflow-x:auto}.rm .hm-track a[aria-hidden]{display:none}.rm .hm-track a:last-of-type{padding-right:22px}
.rm .hm-ph,.rm .is-in .hm-ph{clip-path:polygon(0 0,100% 0,88% 100%,0 100%);transition:none}
.rm .hm-s svg{transition:none}