/* BLEZU v2: burza, złoto, neon. Ładowany po site.css i scena.css na każdej stronie. */
:root, [data-pora="dzien"] {
  color-scheme: dark;
  --c1: #e6c25a; --c2: #ecef7a; --tlo: #06100a; --pow: #0f1b0d; --pow2: #182811;
  --tekst: #ece9c6; --cichy: #b6b08a; --linia: #3b4a26;
  --zl-grad: linear-gradient(178deg, #fbe39a 0%, #e9be55 30%, #b9852a 52%, #f0cd6c 70%, #a8771f 100%);
  --disp: "Saira", "Arial Black", Impact, sans-serif;
  --body: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --mono: "Montserrat", "Segoe UI", sans-serif;
  --kond: "Montserrat", "Segoe UI", sans-serif;
}
/* ===== Wspólny styl całej strony = język sceny hero ===== */
:root { --neon: #e9ef7c; --krem: #ece9c6; --napis: #e5d688; --ramka: #c4ae5c; --panel: rgba(24,38,14,.78); --panel2: rgba(8,18,8,.72);
  --blask: 0 0 10px 1px rgba(226,240,90,.5), inset 0 0 10px rgba(226,240,90,.22);
  --zl-cien: drop-shadow(0 3px 0 rgba(50,34,4,.6)) drop-shadow(0 0 16px rgba(230,180,60,.35));
  --krawedz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 16' preserveAspectRatio='none'%3E%3Cpath d='M0 9 L22 7 L41 10 L63 6 L80 9 L104 5 L121 8 L147 7 L166 11 L188 6 L210 8 L233 5 L251 9 L276 7 L297 10 L318 6 L342 8 L360 4 L383 9 L405 7 L426 11 L449 6 L470 8 L494 5 L512 10 L537 7 L558 9 L579 5 L603 8 L622 6 L647 10 L668 7 L690 9 L713 4 L734 8 L757 6 L778 10 L801 7 L822 9 L846 5 L867 8 L889 6 L910 10 L934 7 L955 9 L978 6 L1000 8' fill='none' stroke='%23f1d36a' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"); }
body { background: var(--tlo); color: var(--krem); font-family: var(--body); font-size: 16px; }
body::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background: linear-gradient(180deg, rgba(5,12,6,.42) 0%, rgba(5,12,6,.72) 45%, rgba(5,12,6,.9) 100%), url("v2-niebo.webp") center top / cover no-repeat; }
body:not(.glowna) main { position: relative; isolation: isolate; }
body:not(.glowna) main::before { content: ""; position: absolute; z-index: -1; right: max(-120px, calc(50% - 760px)); top: 40px; width: min(560px, 90vw); aspect-ratio: 1; border-radius: 50%;
  border: 2px solid rgba(241,211,106,.45); box-shadow: 0 0 30px rgba(241,211,106,.35), inset 0 0 40px rgba(241,211,106,.18); pointer-events: none; }
::selection { background: #e6c25a; color: #1a1405; }
a { color: var(--napis); }
a:hover { color: var(--krem); text-shadow: 0 0 10px rgba(236,239,122,.6); }
:focus-visible { outline: 2px solid var(--neon); outline-offset: 3px; }

/* nagłówek = pasek nawigacji ze sceny */
.nag { padding: 16px clamp(28px, 5vw, 72px); background: linear-gradient(180deg, rgba(5,12,6,.92), rgba(5,12,6,.72)); border-bottom: 0; backdrop-filter: blur(8px); }
.nag::before, .nag::after { content: ""; position: absolute; top: 14px; width: 20px; height: 18px; border: 0 solid #d8cc84; pointer-events: none; }
.nag::before { left: 14px; border-top-width: 2px; border-left-width: 2px; }
.nag::after { right: 14px; border-top-width: 2px; border-right-width: 2px; }
.nag-logo { font: 800 28px var(--body); letter-spacing: .02em; transform: none; background: linear-gradient(180deg,#f6d77c 0%,#e2b24c 55%,#b8862c 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 6px rgba(230,180,70,.35)); }
.nag-logo svg { display: none; }
.nag nav a { font: 500 14px var(--body); letter-spacing: .08em; text-transform: uppercase; color: var(--napis); border-bottom: 3px solid transparent; padding: 6px 2px 10px; }
.nag nav a:hover { color: var(--krem); text-shadow: 0 0 10px rgba(236,239,122,.8); border-color: transparent; }
.nag nav a[aria-current] { color: var(--krem); text-shadow: 0 0 12px rgba(236,239,122,.55); border-color: #ebe9a2; box-shadow: 0 8px 10px -9px rgba(236,239,122,1); }
.nag-ikony a { color: var(--c1); filter: drop-shadow(0 0 4px rgba(230,190,80,.35)); }
.nag-ikony a:hover { color: #f3dc86; }

/* etykiety jak „OFFICIAL WEBSITE ——” */
.nad, .tresc .setlista-h, .odtw-art, .okruszki { display: flex; align-items: center; gap: 18px; font: 500 13px var(--body); font-style: normal; letter-spacing: .38em; text-transform: uppercase; color: #e3d487; background: none; -webkit-text-fill-color: currentColor; filter: none; }
.nad::after, .tresc .setlista-h::after { content: ""; flex: none; width: 70px; height: 1px; background: #b9a764; }
.okruszki { letter-spacing: .2em; font-size: 12px; }
.okruszki a { color: #e3d487; }

/* tytuły jak złote BLEZU */
h1, h2, h3 { font-family: var(--disp); font-weight: 900; font-style: italic; letter-spacing: .01em; }
.tytul, .tresc h2, .pole h2, .pole h3, .pole-duze h2, .rym-grupa h2, .gra-wynik h2, .z-bok h2, .gra-slowo, .gra-ranga, .noc-h, .zegar, .gra-czas, .gra-cel, .noc-licz, .gra-staty dd, .okazja b, .z-takt, .slowo-dnia b, .gra-pkt b, .gra-nast b, .gra-wyz b {
  transform: none; text-transform: uppercase; background: var(--zl-grad); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; text-shadow: none; filter: var(--zl-cien); }
.tresc .setlista-h { text-transform: uppercase; }
.tytul { font-size: clamp(40px, 8vw, 92px); line-height: 1; margin-bottom: 18px; }
.tytul::after { content: "RAP / HIP-HOP / MUZYKA"; display: block; margin-top: 14px; font: 500 clamp(11px, 1.3vw, 15px) var(--body); font-style: normal; letter-spacing: .5em; -webkit-text-fill-color: #e2d488; }
.slowo-dnia b, .zegar, .gra-czas, .noc-licz, .gra-staty dd, .z-takt { text-transform: none; }
.wstep { color: var(--krem); }
.info, .gra-msg, .z-legenda, .rym-fakt { color: #b9b38b; }
.wers-t, .noc-wers, .lista b, .wierszyk-t { font-family: var(--body); font-weight: 700; font-style: normal; }
.wers-t, .noc-wers { color: #ebce82; }

/* przyciski: główny = „Posłuchaj na Spotify”, cichy = przycisk serwisu */
.przyc, .przyc.duzy, .btn-ramka { transform: none; border-radius: 0; min-height: 46px; padding: 11px 24px; font: 600 14px var(--body); letter-spacing: .14em; text-transform: uppercase; color: #ede394; background: rgba(14,30,8,.62); border: 2px solid var(--neon); box-shadow: var(--blask); text-shadow: none; }
.przyc:hover, .przyc.duzy:hover, .btn-ramka:hover, .przyc.gra { color: #f6efb0; background: rgba(30,48,12,.75); box-shadow: 0 0 22px 4px rgba(226,240,90,.75), inset 0 0 14px rgba(226,240,90,.35); }
.przyc.duzy { min-height: 52px; padding: 13px 30px; font-size: 15px; }
.przyc.duzy::before { content: ""; width: 0; height: 0; margin-right: 6px; border-left: 13px solid #f1f686; border-block: 7px solid transparent; filter: drop-shadow(0 0 4px rgba(241,246,134,.8)); }
.przyc.cichy, .z-m, .segment button, .pal, .litery a, .noc-k { transform: none; border-radius: 0; color: #ecd67c; background: var(--panel); border: 1px solid var(--ramka); box-shadow: none; font: 600 15px var(--body); letter-spacing: .02em; text-transform: none; }
.przyc.cichy:hover, .z-m:hover, .segment button:hover, .pal:hover, .litery a:hover, .noc-k:hover { color: #f3dc86; background: rgba(70,80,25,.85); border-color: #e6c25a; box-shadow: 0 0 12px rgba(230,200,90,.45); }
a.przyc.cichy::after { content: "↗"; margin-left: 10px; font-size: 1.05em; }
.segment button.wyb, .pal.wyb, .noc-k.dzis { border-color: var(--neon); color: #f6efb0; box-shadow: var(--blask); }
.noc-k.zagrana, .z-m.gra { color: #1a1405; background: linear-gradient(180deg, #f3d77a, #d7a945); border-color: #e6c25a; }

/* panele = przyciski serwisów + narożniki ze sceny */
.pole, .odnosnik, .wers, .z-bok, .z-bit, .z-pole, .okazja, .gra-staty dl div, .gra-wyz, .karta-podglad canvas { border-radius: 0; background: var(--panel); border: 1px solid rgba(196,174,92,.6); }
.pole { clip-path: none; padding: 30px 28px 28px; }
.pole::before, .pole::after { content: ""; position: absolute; top: 8px; width: 16px; height: 14px; border: 0 solid #d8cc84; pointer-events: none; }
.pole::before { left: 8px; border-top-width: 2px; border-left-width: 2px; }
.pole::after { right: 8px; border-top-width: 2px; border-right-width: 2px; }
.pole-duze { background: linear-gradient(165deg, rgba(60,66,18,.6), rgba(12,24,9,.88) 60%); border: 2px solid var(--neon); box-shadow: 0 0 18px rgba(226,240,90,.35), inset 0 0 24px rgba(226,240,90,.12); }
.wers { border-left: 3px solid #e6c25a; }
.gra-wyz.wygrana { background: rgba(70,80,25,.9); color: var(--krem); border-color: var(--neon); }
.odbl { background: linear-gradient(180deg, #f3d77a, #d7a945); }
.drabina li { border-bottom-color: rgba(196,174,92,.3); }
.chip { background: var(--panel); border: 1px solid rgba(196,174,92,.5); border-radius: 0; color: var(--krem); }
.chip.tak, button.chip:hover { border-color: var(--neon); color: #f6efb0; box-shadow: 0 0 8px rgba(226,240,90,.4); }

/* pola tekstowe */
.rym-form input, .gra-pole input, .karta-pola textarea, select, .z-pasek select, .z-bit select { background: var(--panel2); color: var(--krem); border: 1px solid var(--ramka); border-radius: 0; font-family: var(--body); }
.rym-form input:focus, .gra-pole input:focus, .karta-pola textarea:focus, select:focus, .z-pole:focus-within { border-color: var(--neon); outline: 0; box-shadow: var(--blask); }
.z-bit input[type=range], input[type=checkbox] { accent-color: #e6c25a; }

/* odtwarzanie = odtwarzacz ze sceny */
.lista li { background: var(--panel); border: 1px solid rgba(196,174,92,.6); border-radius: 0; }
.lista button, .odtw-gp { width: 50px; height: 50px; border-radius: 50%; color: #ecc95f; background: rgba(10,22,8,.4); border: 3px solid #e2bd55; box-shadow: 0 0 10px rgba(226,189,85,.45); }
.lista button.gra, .odtw-gp.gra { box-shadow: 0 0 22px rgba(226,189,85,.9); color: var(--neon); }
.odtw { background: linear-gradient(180deg, rgba(10,22,9,.95), rgba(4,10,5,.98)); border-top: 0; }
.odtw::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 12px; background: var(--krawedz) center / 100% 100% no-repeat; filter: drop-shadow(0 0 5px rgba(241,211,106,.9)); }
.odtw-pos, .gra-pasek { height: 4px; border-radius: 2px; background: #4f6a2c; }
.odtw-pos i, .gra-pasek i { border-radius: 2px; background: #f3db7a; box-shadow: 0 0 6px rgba(243,219,122,.7); }
.gra-rozklad i { background: linear-gradient(90deg, #b8862c, #f3db7a); }

/* lista numerów = karta „Najnowszy utwór” */
.setlista { border-top: 0; }
.setlista li { border-bottom: 1px solid rgba(196,174,92,.35); }
.set { grid-template-columns: 64px 1fr auto; align-items: center; padding: 18px 0; }
.set-nr { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; border: 3px solid #e2bd55; font: 600 15px var(--body); font-style: normal; color: #ecc95f; box-shadow: 0 0 10px rgba(226,189,85,.4); }
.set-tyt { transform: none; font: 700 clamp(28px, 4.6vw, 54px)/1.05 var(--body); font-style: normal; text-transform: uppercase; color: #ebce82; -webkit-text-stroke: 0; }
.set-info { font: 500 12px var(--body); letter-spacing: .3em; text-transform: uppercase; color: #dec977; }
.set:hover .set-tyt, .set:focus-visible .set-tyt { color: transparent; background: var(--zl-grad); -webkit-background-clip: text; background-clip: text; filter: var(--zl-cien); }
.set:hover .set-nr, .set:focus-visible .set-nr, .set.gra .set-nr { color: var(--neon); border-color: var(--neon); box-shadow: 0 0 18px rgba(226,240,90,.7); }
.set.gra .set-tyt { color: var(--neon); text-shadow: 0 0 22px rgba(226,240,90,.55); }
.set-link, .setlista-stopka a { font: 500 13px var(--body); letter-spacing: .2em; text-transform: uppercase; color: var(--napis); }

/* złota „linia wody” między sekcjami */
main > section + section::before, .v2-ramka + section::before { content: ""; display: block; height: 14px; margin: 0 0 40px; background: var(--krawedz) center / 100% 100% no-repeat; filter: drop-shadow(0 0 6px rgba(241,211,106,.85)); }
.stopka { position: relative; border-top: 0; background: rgba(3,8,4,.85); }
.stopka::before { content: ""; position: absolute; left: 0; right: 0; top: -7px; height: 14px; background: var(--krawedz) center / 100% 100% no-repeat; filter: drop-shadow(0 0 6px rgba(241,211,106,.85)); }
.stopka a { font: 500 12px var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--napis); text-decoration: none; }
.stopka a:hover { color: var(--krem); }
.stopka small { letter-spacing: .3em; text-transform: uppercase; font-size: 11px; color: #b9a764; }


/* ===== Korekta 10.11: GUI pod hero 1:1 z elementami sceny ===== */
/* Tytuły sekcji = „BEZ FILTRA”: Montserrat 700, wielkie litery, kremowe złoto, bez gradientu i pochylenia. */
.tresc h2, .pole h2, .pole h3, .pole-duze h2, .rym-grupa h2, .gra-wynik h2, .z-bok h2, .gra-opisowa h2, .okazja b,
.zegar, .gra-czas, .gra-cel, .noc-licz, .gra-staty dd, .z-takt, .slowo-dnia b, .gra-pkt b, .gra-nast b, .gra-wyz b, .lista b {
  font-family: var(--body); font-style: normal; font-weight: 700; letter-spacing: .01em; text-transform: uppercase;
  background: none; -webkit-text-fill-color: currentColor; color: #ebce82; filter: none; text-shadow: none; transform: none; }
.tresc h2, .pole-duze h2 { font-size: clamp(26px, 3.2vw, 36px); line-height: 1.1; }
.pole h2, .pole h3, .rym-grupa h2, .gra-opisowa h2 { font-size: clamp(22px, 2.4vw, 28px); line-height: 1.15; }
.z-bok h2, .gra-wynik h2 { font-size: 18px; }
.slowo-dnia b { font-size: clamp(30px, 4vw, 44px); text-transform: none; color: #ece9c6; }
.zegar, .gra-czas, .noc-licz, .gra-staty dd { font-weight: 600; color: #ece9c6; text-transform: none; font-variant-numeric: tabular-nums; }
.lista b, .okazja b { font-size: 18px; color: #ebce82; }
.lista span, .okazja span { font: 500 11px var(--body); letter-spacing: .28em; text-transform: uppercase; color: #dec977; }

/* Duży złoty krój zostaje tylko dla jednego tytułu strony, jak BLEZU w hero. */
.tytul, .gra-slowo, .gra-ranga, .noc-h { font-family: "Saira", "Arial Black", sans-serif; font-style: italic; font-weight: 900; font-stretch: 125%; }

/* Panele = przycisk serwisu ze sceny: cienka złota ramka, ciemna zieleń, bez narożników i bez neonu. */
.pole::before, .pole::after { content: none; }
.pole, .pole-duze, .odnosnik, .z-bok, .z-bit, .z-pole, .okazja, .gra-staty dl div, .gra-wyz, .lista li, .wers {
  background: rgba(34,48,16,.78); border: 1px solid #c4ae5c; box-shadow: none; border-radius: 0; }
.pole { padding: 26px 26px 24px; gap: 12px; }
.pole:hover, .okazja:hover, .lista li:hover { background: rgba(44,58,20,.84); box-shadow: 0 0 12px rgba(230,200,90,.3); }
.wers { border-left-width: 1px; }

/* Okładka-podobne wyróżnienie: Rym nocy ma ramkę jak okładka singla (2px złoto + poświata). */
.pole-duze { border: 2px solid #d9b54e; box-shadow: 0 0 14px rgba(226,189,85,.35); background: rgba(22,36,12,.85); }

/* Drabina rang i statystyki = czas/etykiety odtwarzacza */
.drabina li { font: 500 12px var(--body); letter-spacing: .22em; text-transform: uppercase; color: #dccf88; border-bottom: 1px solid rgba(196,174,92,.3); }
.drabina span { letter-spacing: .1em; color: #b9a764; }
.gra-staty dt, .z-staty dt { font: 500 11px var(--body); letter-spacing: .26em; text-transform: uppercase; color: #dec977; }

/* Tekst w panelach jak w scenie: kremowy, spokojny */
.pole p, .wstep, .gra-opisowa p { color: #e2dcb6; }

/* Przyciski: tylko główne akcje mają neon (jak „Posłuchaj”), reszta = przycisk serwisu */
.przyc { letter-spacing: .12em; }
.rym-form .przyc, .gra-pole .przyc { min-height: 52px; }
.przyc.cichy, .z-m, .segment button, .pal, .litery a, .noc-k, .chip { font: 600 15px var(--body); letter-spacing: .01em; }

/* Linia wody: wyraźniejsza, jak brzeg w hero */
main > section + section::before, .v2-ramka + section::before { height: 16px; filter: drop-shadow(0 0 4px rgba(241,211,106,1)) drop-shadow(0 0 12px rgba(241,211,106,.6)); }

/* ---------- strona główna: scena 1536×1024 z makiety v2 ---------- */
body.glowna .nag { display: none; }

.v2-ramka { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; aspect-ratio: 1536 / 1024; overflow: hidden; background: #07110a; }
.v2 { position: absolute; left: 0; top: 0; width: 1536px; height: 1024px; transform-origin: 0 0; background: url("v2-tlo.webp") 0 0 / 1536px 1024px no-repeat; font-family: var(--body); }
.v2 * { box-sizing: border-box; }
.v2 .t { position: absolute; white-space: nowrap; line-height: 1; transform-origin: 0 0; color: #e5d688; text-decoration: none; visibility: hidden; margin: 0; }
.v2.gotowe .t { visibility: visible; }
.v2 .abs { position: absolute; }
.v2 .logo { font-weight: 800; background: linear-gradient(180deg,#f6d77c 0%,#e2b24c 55%,#b8862c 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 6px rgba(230,180,70,.35)); }
.v2 .nav { font-weight: 500; transition: color .2s, text-shadow .2s; }
.v2 .nav:hover, .v2 .nav:focus-visible { color: #ece9c6; text-shadow: 0 0 10px rgba(236,239,122,.8); outline: none; }
.v2 .nav.akt { color: #ece9c6; text-shadow: 0 0 12px rgba(236,239,122,.55); }
.v2 .podkr { left: 457px; top: 58px; width: 71px; height: 3px; background: #ebe9a2; box-shadow: 0 0 8px 1px rgba(236,239,122,.8); border-radius: 2px; }
.v2 .ikona { display: block; color: #e6c25a; }
.v2 .ikona svg { width: 100%; height: 100%; display: block; filter: drop-shadow(0 0 4px rgba(230,190,80,.35)); }
.v2 .ikona:hover, .v2 .ikona:focus-visible { color: #f3dc86; outline: none; }
.v2 .rog { border: 0 solid #d8cc84; }
.v2 .rog.l { left: 25px; top: 24px; width: 20px; height: 18px; border-top-width: 2px; border-left-width: 2px; }
.v2 .rog.p { left: 1491px; top: 23px; width: 21px; height: 19px; border-top-width: 2px; border-right-width: 2px; }
.v2 .etyk { font-weight: 500; color: #e3d487; }
.v2 .kreska { left: 364px; top: 163px; width: 69px; height: 1px; background: #b9a764; }
.v2 .wielki { font-family: "Saira", "Arial Black", sans-serif; font-style: italic; font-weight: 900; font-stretch: 125%; background: var(--zl-grad); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 3px 0 rgba(60,40,5,.55)) drop-shadow(0 0 18px rgba(230,180,60,.35)); }
.v2 .cta { left: 80px; top: 360px; width: 372px; height: 45px; border: 2px solid #e9ef7c; background: rgba(14,30,8,.55); box-shadow: 0 0 10px 1px rgba(226,240,90,.55), inset 0 0 10px rgba(226,240,90,.25); display: block; padding: 0; cursor: pointer; transition: box-shadow .2s; }
.v2 .cta:hover, .v2 .cta:focus-visible { box-shadow: 0 0 22px 4px rgba(226,240,90,.8), inset 0 0 14px rgba(226,240,90,.35); outline: none; }
.v2 .cta .tri { position: absolute; left: 22px; top: 12px; width: 0; height: 0; border-left: 16px solid #f1f686; border-block: 8.5px solid transparent; filter: drop-shadow(0 0 4px rgba(241,246,134,.8)); }
.v2 .cta .str { position: absolute; left: 329px; top: 15px; width: 18px; height: 12px; }
.v2 .cta-t { font-weight: 600; color: #ede394; pointer-events: none; }
.v2 .lbl { font-weight: 500; color: #dec977; }
.v2 .tytul-utw { font-weight: 700; color: #ebce82; }
.v2 .graj { left: 364px; top: 893px; width: 64px; height: 63px; border-radius: 50%; border: 3px solid #e2bd55; background: rgba(10,22,8,.35); cursor: pointer; padding: 0; box-shadow: 0 0 10px rgba(226,189,85,.45); display: grid; place-items: center; color: #ecc95f; }
.v2 .graj svg { width: 26px; height: 26px; fill: currentColor; margin-left: 4px; }
.v2 .graj.gra { box-shadow: 0 0 22px rgba(226,189,85,.85); }
.v2 .graj.gra svg { margin-left: 0; }
.v2 .btn { background: none; border: 0; padding: 0; cursor: pointer; color: #e9cc78; display: block; }
.v2 .btn svg { width: 100%; height: 100%; fill: currentColor; display: block; }
.v2 .btn:hover { color: #f6e08f; }
.v2 .graj:focus-visible, .v2 .btn:focus-visible { outline: 2px solid #ecef7a; outline-offset: 3px; }
.v2 .fala { left: 612px; top: 872px; width: 514px; height: 37px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.v2 .fala i { display: block; width: 2px; border-radius: 1px; background: #d9c66e; opacity: var(--o, .6); }
.v2 .fala i.on { opacity: 1; background: #f0d474; box-shadow: 0 0 4px rgba(240,212,116,.7); }
.v2 .tor { left: 611px; top: 944px; width: 408px; height: 4px; border-radius: 2px; background: #4f6a2c; cursor: pointer; }
.v2 .tor b { position: absolute; left: 0; top: 0; height: 100%; border-radius: 2px; background: #f3db7a; box-shadow: 0 0 6px rgba(243,219,122,.7); }
.v2 .tor s { position: absolute; top: -5px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: #f3db7a; box-shadow: 0 0 8px rgba(243,219,122,.9); }
.v2 .czas { font-weight: 500; color: #dccf88; font-variant-numeric: tabular-nums; }
.v2 .plat { left: 1184px; width: 245px; height: 38px; border: 1px solid #c4ae5c; background: rgba(34,48,16,.78); display: block; transition: background .2s, box-shadow .2s; }
.v2 .plat:hover, .v2 .plat:focus-visible { background: rgba(70,80,25,.85); box-shadow: 0 0 12px rgba(230,200,90,.45); outline: none; }
.v2 .plat .ik { position: absolute; left: 20px; top: 7px; width: 24px; height: 24px; color: #e9cf6e; }
.v2 .plat .st { position: absolute; left: 211px; top: 12px; width: 15px; height: 15px; stroke: #e9d67b; stroke-width: 1.8; fill: none; }
.v2 .plat-t { font-weight: 600; color: #ecd67c; pointer-events: none; }
.v2 h1.sr, .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* sekcje pod sceną */

.v2-omnie { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.v2-omnie .pole a { color: #ecd67c; }
@media (max-width: 760px) {
  body.glowna .nag { display: flex; }
  .nag { max-width: 100%; }
  .nag nav { min-width: 0; gap: 4px 14px; }
  .nag nav a { font-size: 12px; letter-spacing: .04em; }
  .v2-omnie { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .v2 * { transition: none !important; } }


/* ===== Przewijanie czasu i menu po scenie (10.11) ===== */
.v2 .fala, .v2 .tor, .odtw-pos { touch-action: none; }
.v2 .tor::before { content: ""; position: absolute; inset: -12px 0; }
.v2 .tor:hover s, .v2 .tor.ciagnie s, .v2 .tor:focus-visible s { transform: scale(1.35); }
.v2 .tor s { transition: transform .15s; }
.v2 .fala.ciagnie, .v2 .tor.ciagnie, .odtw-pos.ciagnie { cursor: grabbing; }
.v2 .tor:focus-visible, .v2 .fala:focus-visible { outline: 2px solid #ecef7a; outline-offset: 6px; }

.odtw { gap: 14px; padding: 12px max(16px, env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); }
.odtw-opis b { font: 700 14px var(--body); letter-spacing: .04em; text-transform: uppercase; color: #ebce82; }
.odtw-rz { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.odtw-t, .odtw-d { flex: none; font: 500 12px var(--body); color: #dccf88; font-variant-numeric: tabular-nums; min-width: 2.6em; }
.odtw-d { text-align: right; }
.odtw-pos { position: relative; flex: 1; height: 4px; margin: 0; cursor: pointer; }
.odtw-pos::before { content: ""; position: absolute; inset: -12px 0; }
.odtw-pos s { position: absolute; top: -5px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: #f3db7a; box-shadow: 0 0 8px rgba(243,219,122,.9); transition: transform .15s; }
.odtw-pos:hover s, .odtw-pos.ciagnie s, .odtw-pos:focus-visible s { transform: scale(1.3); }
.odtw-sk { flex: none; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #c4ae5c; background: rgba(10,22,8,.5); color: #e9cc78; font: 600 12px var(--body); cursor: pointer; }
.odtw-sk:hover { border-color: #ecef7a; color: #f6efb0; box-shadow: 0 0 10px rgba(226,240,90,.5); }
.odtw.synchro .odtw-sk, .odtw.synchro .odtw-pos s { display: none; }
.odtw.synchro .odtw-pos { cursor: default; }
.odtw-x { color: #e9cc78; }
@media (max-width: 560px) { .odtw-sk { width: 34px; height: 34px; } .odtw-link { display: none; } }

@media (min-width: 761px) {
  body.glowna .nag { display: flex; position: fixed; left: 0; right: 0; top: 0; transform: translateY(-110%); transition: transform .3s ease; }
  body.glowna.za-scena .nag { transform: none; }
}
@media (prefers-reduced-motion: reduce) { body.glowna .nag { transition: none; } }


/* ===== Klipy YouTube w ramce jak okładka z hero (10.11) ===== */
.klipy { display: grid; gap: 22px; }
.klip { margin: 0; display: grid; gap: 14px; min-width: 0; }
.klip-duzy { max-width: 1000px; }
.klip-ekran { position: relative; aspect-ratio: 16 / 9; max-width: 100%; overflow: hidden; background: #0a1508 url("v2-niebo.webp") center / cover no-repeat;
  border: 2px solid #d9b54e; box-shadow: 0 0 16px rgba(226,189,85,.4), inset 0 0 0 1px rgba(0,0,0,.4); }
.klip-ekran::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,12,6,.15), rgba(5,12,6,.55)), radial-gradient(circle at 50% 50%, transparent 30%, rgba(5,12,6,.5)), linear-gradient(rgba(120,140,40,.55), rgba(120,140,40,.55)); background-blend-mode: normal, normal, multiply; pointer-events: none; }
.klip-ekran { background-blend-mode: luminosity; background-color: #2a3a14; }
.klip-ekran::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 14px; background: var(--krawedz) center / 100% 100% no-repeat; filter: drop-shadow(0 0 5px rgba(241,211,106,.9)); pointer-events: none; }
.klip-graj { position: absolute; left: 50%; top: 50%; width: 88px; height: 88px; margin: -44px 0 0 -44px; display: grid; place-items: center; padding: 0; cursor: pointer;
  border-radius: 50%; border: 3px solid #e2bd55; background: rgba(10,22,8,.5); color: #ecc95f; box-shadow: 0 0 18px rgba(226,189,85,.55); transition: box-shadow .2s, color .2s, border-color .2s, transform .2s; z-index: 1; }
.klip-graj svg { width: 34px; height: 34px; fill: currentColor; margin-left: 6px; }
.klip-ekran:hover .klip-graj, .klip-graj:focus-visible { color: #f1f686; border-color: #e9ef7c; box-shadow: 0 0 28px 6px rgba(226,240,90,.65); transform: scale(1.05); }
.klip:not(.klip-duzy) .klip-graj { width: 64px; height: 64px; margin: -32px 0 0 -32px; }
.klip:not(.klip-duzy) .klip-graj svg { width: 24px; height: 24px; margin-left: 4px; }
.klip-yt { position: absolute; right: 14px; top: 12px; z-index: 1; font: 500 11px var(--body); letter-spacing: .3em; text-transform: uppercase; color: #e3d487; }
.klip-ekran iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 2; background: #000; }
.klip-ekran.gra::before, .klip-ekran.gra::after, .klip-ekran.gra .klip-graj, .klip-ekran.gra .klip-yt { display: none; }
.klip figcaption { display: grid; gap: 6px; }
.klip-art { font: 500 12px var(--body); letter-spacing: .3em; text-transform: uppercase; color: #dec977; }
.klip figcaption b { font: 700 clamp(22px, 3vw, 34px)/1.1 var(--body); text-transform: uppercase; color: #ebce82; }
.klip:not(.klip-duzy) figcaption b { font-size: 20px; }
.klipy-siatka { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 22px; }
.klip-info { margin: 0; font: 500 12px var(--body); color: #b9b38b; }
.set-klip { margin-left: 14px; color: #ecef7a; }


/* ===== Wpisy (10.11): karty jak przyciski serwisów, media w ramce jak okładka ===== */
.wpisy-siatka { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 22px; }
.wpis-karta { display: flex; flex-direction: column; min-width: 0; background: rgba(34,48,16,.78); border: 1px solid #c4ae5c; transition: box-shadow .2s, background .2s; }
.wpis-karta:hover { background: rgba(44,58,20,.84); box-shadow: 0 0 12px rgba(230,200,90,.3); }
.wk-media { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #0a1508 url("v2-niebo.webp") center / cover; border-bottom: 2px solid #d9b54e; background-size: cover; background-position: center; }
.wk-media img, .wk-media video { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.wpis-karta:hover .wk-media img { transform: scale(1.03); }
.wk-ile { position: absolute; right: 10px; top: 10px; padding: 4px 8px; font: 500 11px var(--body); letter-spacing: .2em; text-transform: uppercase; color: #ecd67c; background: rgba(6,14,7,.8); border: 1px solid #c4ae5c; }
.wk-play { position: absolute; left: 50%; top: 50%; width: 62px; height: 62px; margin: -31px 0 0 -31px; border-radius: 50%; border: 3px solid #e2bd55; background: rgba(10,22,8,.5); box-shadow: 0 0 16px rgba(226,189,85,.55); }
.wk-play::after { content: ""; position: absolute; left: 24px; top: 17px; border-left: 18px solid #ecc95f; border-block: 11px solid transparent; }
.wk-tresc { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; padding: 20px 22px 22px; flex: 1; }
.wk-tresc h3 { margin: 0; font: 700 22px/1.15 var(--body); font-style: normal; text-transform: uppercase; color: #ebce82; background: none; -webkit-text-fill-color: currentColor; filter: none; }
.wk-tresc h3 a { color: inherit; text-decoration: none; }
.wk-tresc p { margin: 0; color: #e2dcb6; }
.wk-tresc .przyc { margin-top: auto; }
.wpisy-wiecej { margin: 26px 0 0; }

.wpis-h::after { content: none; }
.wpis-h { font-size: clamp(34px, 6vw, 64px); text-wrap: balance; }
.wpis-media { margin: 0 0 22px; }
.wpis-wideo video { display: block; width: 100%; max-height: 80vh; background: #000; border: 2px solid #d9b54e; box-shadow: 0 0 16px rgba(226,189,85,.4); }
.wpis-galeria { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 12px; margin: 0 0 24px; }
.wpis-galeria.jedno { grid-template-columns: 1fr; }
.wpis-galeria a { display: block; border: 2px solid #d9b54e; box-shadow: 0 0 12px rgba(226,189,85,.3); overflow: hidden; }
.wpis-galeria img { display: block; width: 100%; height: auto; transition: transform .4s; }
.wpis-galeria:not(.jedno) img { aspect-ratio: 1; object-fit: cover; }
.wpis-galeria a:hover img { transform: scale(1.03); }
.wpis-tekst { font-size: 18px; line-height: 1.65; color: #ece9c6; }
.wpis-tekst p { margin: 0 0 18px; }
.wpis-nawig { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }


/* menu z 9 pozycjami mieści się w jednej linii */
.nag { flex-wrap: nowrap; }
.nag nav { gap: 4px clamp(10px, 1.6vw, 34px); margin: 0 auto; }
.nag nav a { white-space: nowrap; }
@media (max-width: 1360px) { .nag nav a { font-size: 12.5px; letter-spacing: .05em; } .nag-ikony { gap: 12px; } }
@media (max-width: 1100px) { .nag { flex-wrap: wrap; } .nag nav { order: 3; width: 100%; justify-content: flex-start; flex-wrap: wrap; } .nag-ikony { margin-left: auto; } }

/* złoty kursor */
html, body { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M2 2 L2 18 L6.5 13.8 L9.6 20.5 L12.4 19.2 L9.4 12.6 L15.5 12.6 Z' fill='%23e6c25a' stroke='%23070907' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 2 2, auto; }
a, button, summary, label, [data-graj], .chip, .okazja { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='7' fill='%2300ff9c' stroke='%23070907' stroke-width='1.6'/%3E%3C/svg%3E") 11 11, pointer; }