/* Kroliczek PRL v2.4.0 (przeciaganie): maskotki radia ZAWSZE na ekranie (spoczynek w lewym dolnym rogu, scenka co 1-3 min, sluchacz moze schowac) + easter egg "wirus w eterze" */

/* ═════════ WARSTWA I SCENA ═════════ */
.kr-warstwa{position:fixed;inset:0;z-index:2147483550;pointer-events:none;overflow:hidden;contain:layout style;
  font-family:'Oswald','Bebas Neue','Arial Narrow',Arial,sans-serif;font-style:normal}
.kr-warstwa[hidden]{display:none}
.kr-scena{position:absolute;left:0;top:0;width:236px;height:177px;pointer-events:none}
.kr-scena-svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.42))}
.kr-scena-svg .k-baza,.kr-scena-svg .s-tyl,.kr-scena-svg .s-przod{pointer-events:visiblePainted;cursor:pointer}
.kr-scena-svg .s-tlo,.kr-scena-svg .s-fx{pointer-events:none}
.kr-scena-svg g,.kr-scena-svg ellipse,.kr-scena-svg path,.kr-scena-svg rect,.kr-scena-svg circle,.kr-scena-svg text{transform-box:view-box}
.k-ruch,.k-squash{will-change:transform}
.kb{fill:#fbfaf5;stroke:#171412;stroke-width:2.4;stroke-linejoin:round}
.k-in{fill:#f2b8b0}
.k-oko{fill:#b3281d}
.k-blysk{fill:#fff}
.k-nosek{fill:#e0717a}
.k-was{stroke:#171412;stroke-width:1.3;stroke-linecap:round;fill:none;opacity:.7}
.k-policzek{fill:#f2b8b0;opacity:.7}
.k-usta{fill:none;stroke:#171412;stroke-width:1.4;stroke-linecap:round}
.k-buzia{fill:#5a1712;stroke:#171412;stroke-width:1;opacity:0}
.k-brew{stroke:#171412;stroke-width:2.2;stroke-linecap:round;opacity:0}
.k-muszka{fill:#b3281d;stroke:#171412;stroke-width:1.4;stroke-linejoin:round}
.k-muszka-s{fill:#171412}
.k-cien{fill:rgba(0,0,0,.35)}

/* ═════════ DYMEK: emaliowana tabliczka ═════════ */
.kr-dymek{
  --ogon:70%;
  position:absolute;left:0;top:0;pointer-events:auto;max-width:min(260px,calc(100vw - 16px));
  background:linear-gradient(155deg,#f7f4ea 0%,#e9e5d6 60%,#d3cebb 100%);color:#171412;
  border:3px solid #b3281d;border-radius:12px;padding:10px 32px 8px 13px;
  box-shadow:0 10px 26px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.4);
  text-transform:uppercase;letter-spacing:.03em;line-height:1.15;text-align:left;
  opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;
}
.kr-dymek--jest{opacity:1;visibility:visible;transition:opacity .2s ease}
.kr-dymek::after{
  content:"";position:absolute;left:calc(var(--ogon) - 9px);bottom:-12px;width:16px;height:16px;
  background:#d8d3c1;border-right:3px solid #b3281d;border-bottom:3px solid #b3281d;
  transform:rotate(45deg);border-bottom-right-radius:4px;
}
.kr-dymek--pod::after{bottom:auto;top:-12px;transform:rotate(-135deg);background:#f4f1e6}
.kr-mow{all:unset;cursor:pointer;display:block;font:inherit;font-weight:700;font-size:1.02rem;color:#171412;overflow-wrap:anywhere}
.kr-reszta{visibility:hidden}
.kr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kr-dymek--krzyk .kr-mow{color:#b3281d;font-size:1.14rem}
.kr-opcje{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px}
.kr-nie,.kr-stale{all:unset;cursor:pointer;font:inherit;font-weight:600;font-size:.66rem;letter-spacing:.06em;
  color:#5a524a;text-decoration:underline;text-underline-offset:2px}
.kr-mow:focus-visible,.kr-nie:focus-visible,.kr-stale:focus-visible,.kr-x:focus-visible{outline:2px solid #b3281d;outline-offset:2px}
.kr-x{position:absolute;top:3px;right:3px;width:28px;height:28px;display:grid;place-items:center;
  background:none;border:0;border-radius:6px;color:#b3281d;font-size:1rem;line-height:1;cursor:pointer;font-family:inherit}
.kr-x:hover{background:rgba(179,40,29,.1)}

/* lekki glitch strony obok laptopa hakera */
.kr-glitch{position:absolute;display:none;pointer-events:none;mix-blend-mode:difference}
.kr-glitch--on{display:block}
.kr-glitch i{position:absolute;left:0;right:0;height:9%;opacity:0;background:linear-gradient(90deg,rgba(60,255,122,.9),rgba(255,40,40,.0) 30%,rgba(0,229,255,.8) 60%,transparent)}
.kr-glitch i:nth-child(1){top:8%}.kr-glitch i:nth-child(2){top:27%;height:5%}.kr-glitch i:nth-child(3){top:46%;height:12%}
.kr-glitch i:nth-child(4){top:68%;height:4%}.kr-glitch i:nth-child(5){top:84%;height:7%}
.kr-glitch--on i{animation:krGl .9s steps(6,end) both}
.kr-glitch--on i:nth-child(2n){animation-delay:.06s;animation-direction:reverse}
@keyframes krGl{0%{opacity:0;transform:translateX(0)}15%{opacity:1;transform:translateX(-18px)}35%{opacity:.6;transform:translateX(24px) scaleX(1.3)}
  55%{opacity:1;transform:translateX(-8px)}80%{opacity:.4;transform:translateX(12px)}100%{opacity:0;transform:none}}

/* stały wyłącznik słuchacza w stopce */
.kr-przel-wrap{display:flex;justify-content:center;padding:10px 12px 4px}
.kr-przel{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;cursor:pointer;
  font-family:'Oswald','Arial Narrow',Arial,sans-serif;font-style:normal;font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;
  color:#ece0c6;background:rgba(0,0,0,.25);border:1px solid rgba(236,224,198,.35)}
.kr-przel b{font-weight:400}
.kr-przel:hover{border-color:#ff4438}
.kr-przel--off{opacity:.7}
.kr-przel--off b{filter:grayscale(1)}

@media (max-width:600px){
  .kr-dymek{max-width:min(232px,calc(100vw - 16px));padding:8px 30px 7px 11px}
  .kr-mow{font-size:.9rem}.kr-dymek--krzyk .kr-mow{font-size:1rem}
}
@media (prefers-reduced-motion:reduce){
  .kr-glitch--on i{animation-duration:1.6s}
}

/* ═════════ WIRUS W ETERZE ═════════ */
.kr-wirus{position:fixed;inset:0;z-index:2147483600;cursor:pointer;overflow:hidden;
  font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,'DejaVu Sans Mono',monospace;font-style:normal;
  -webkit-tap-highlight-color:transparent;transition:opacity .4s ease}
.kr-wirus--koniec{opacity:0}
.kr-czerwien{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(255,30,20,.35),rgba(140,0,0,.75));
  mix-blend-mode:multiply;animation:krMig .22s steps(2,end) infinite}
@keyframes krMig{0%{opacity:.25}50%{opacity:1}100%{opacity:.55}}
.kr-czerwien::after{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 2px,transparent 2px 4px);mix-blend-mode:normal}
.kr-alarm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,760px);text-align:center;
  color:#fff;background:rgba(20,0,0,.82);border:3px solid #ff2a1a;border-radius:6px;padding:22px 18px 18px;
  box-shadow:0 0 0 6px rgba(255,42,26,.25),0 0 60px rgba(255,0,0,.55);animation:krDrzy .12s steps(2) infinite}
@keyframes krDrzy{0%{transform:translate(calc(-50% + 3px),calc(-50% - 2px))}100%{transform:translate(calc(-50% - 3px),calc(-50% + 2px))}}
.kr-alarm-t{position:relative;display:block;font-weight:800;font-size:clamp(1.5rem,6vw,3.4rem);letter-spacing:.06em;line-height:1.05;
  text-shadow:3px 0 #ff1744,-3px 0 #00e5ff}
.kr-alarm-t::before,.kr-alarm-t::after{content:attr(data-t);position:absolute;inset:0;overflow:hidden}
.kr-alarm-t::before{color:#ff1744;clip-path:inset(0 0 55% 0);animation:krCiach .35s steps(3) infinite}
.kr-alarm-t::after{color:#00e5ff;clip-path:inset(60% 0 0 0);animation:krCiach .29s steps(3) infinite reverse}
@keyframes krCiach{0%{transform:translateX(-8px)}50%{transform:translateX(7px)}100%{transform:translateX(-3px)}}
.kr-alarm-s{display:block;margin-top:12px;font-size:clamp(.66rem,2.4vw,.9rem);letter-spacing:.12em;color:#ffb3ab}
.kr-alarm-pasek{display:block;height:8px;margin:14px auto 0;max-width:420px;border:1px solid #ff2a1a;border-radius:2px;overflow:hidden}
.kr-alarm-pasek i{display:block;height:100%;width:100%;background:repeating-linear-gradient(45deg,#ff2a1a 0 10px,#5a0000 10px 20px);
  transform-origin:left;animation:krPasek 2.8s linear both}
@keyframes krPasek{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.kr-matrix{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease;background:#000}
.kr-neo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,720px);text-align:center;opacity:0;
  transition:opacity .5s ease .3s;pointer-events:none}
.kr-neo-t{margin:0;padding:18px 20px;min-height:2.6em;color:#b9ffc8;font-weight:700;font-size:clamp(1.15rem,4.6vw,2.2rem);line-height:1.3;
  background:rgba(0,0,0,.78);border:1px solid rgba(34,224,90,.55);border-radius:6px;
  text-shadow:0 0 8px rgba(34,224,90,.9),0 0 22px rgba(34,224,90,.5)}
.kr-neo-t::after{content:"▌";animation:krKursor .8s steps(1) infinite;color:#22e05a;margin-left:2px}
@keyframes krKursor{50%{opacity:0}}
.kr-neo-h{display:inline-block;margin-top:12px;font-size:.78rem;letter-spacing:.1em;color:#6fdc8c;text-transform:uppercase;
  background:rgba(0,0,0,.6);padding:4px 10px;border-radius:4px}
.kr-faza-matrix .kr-matrix,.kr-faza-matrix .kr-neo{opacity:1}
.kr-faza-matrix .kr-alarm,.kr-faza-matrix .kr-czerwien{display:none}

/* strona sie psuje */
html.kr-psuje main{animation:krTrzes .16s steps(2) infinite}
@keyframes krTrzes{0%{transform:translate(2px,-1px)}50%{transform:translate(-3px,2px) skewX(.6deg)}100%{transform:translate(1px,1px)}}
html.kr-psuje .kr-ofiara{
  transition:transform .5s cubic-bezier(.2,1.6,.4,1) var(--kd,0s),filter .3s;
  transform:translate(var(--kx,0),var(--ky,0)) rotate(var(--kr,0));
  filter:hue-rotate(-40deg) saturate(1.6) contrast(1.2);
  animation:krSkok .5s steps(2) var(--kd,0s) infinite;
}
@keyframes krSkok{
  0%{clip-path:inset(0 0 0 0)}
  50%{clip-path:inset(18% 0 30% 0);transform:translate(calc(var(--kx,0) + 8px),var(--ky,0)) rotate(var(--kr,0))}
  100%{clip-path:inset(0 0 0 0)}
}
/* lagodna wersja: bez trzesienia i skokow, tylko kolor i wolniejsze miganie */
.kr-wirus--lagodnie .kr-czerwien{animation:krMigL 1.4s ease-in-out infinite alternate}
@keyframes krMigL{from{opacity:.35}to{opacity:.8}}
.kr-wirus--lagodnie .kr-alarm{animation:none;transform:translate(-50%,-50%)}
.kr-wirus--lagodnie .kr-alarm-t::before,.kr-wirus--lagodnie .kr-alarm-t::after{animation:none}
@media (prefers-reduced-motion:reduce){
  html.kr-psuje main{animation:none}
  html.kr-psuje .kr-ofiara{animation:none;transition:filter .3s}
}

/* ═════════ POSTACIE (2.2.0): te same scenki, inna postac ═════════ */
.k-pasy,.k-szew,.k-kolce-j,.k-piora,.k-kropki{fill:none;stroke-linecap:round;stroke-linejoin:round}
.k-pysio,.k-brzuch,.k-tarcza{stroke:#171412;stroke-width:1.4;stroke-linejoin:round}
.k-obroza,.k-szal,.k-krawat,.k-koszula,.k-czapka,.k-czapka-d,.k-plaszcz,.k-ucho-c,.k-banda,.k-kolce,.k-lata,.k-dzwonek,.k-medal{stroke:#171412;stroke-width:1.6;stroke-linejoin:round}
/* kot Mruczek: rudy dachowiec */
.kr-m-kotek .kb{fill:#ef9f55}
.kr-m-kotek .k-in{fill:#f6c3b4}
.kr-m-kotek .k-pasy{stroke:#b45d22;stroke-width:2.4}
.kr-m-kotek .k-pysio,.kr-m-kotek .k-brzuch{fill:#fbf1de}
.kr-m-kotek .k-oko{fill:#3f7a3a}
.kr-m-kotek .k-nosek{fill:#e0717a;stroke:#171412;stroke-width:1}
.kr-m-kotek .k-was{opacity:.8}
.kr-m-kotek .k-obroza{fill:#c3271c}
.kr-m-kotek .k-dzwonek{fill:#cfd6da}
/* pies Burek: podworkowy kundel */
.kr-m-piesek .kb{fill:#c98d55}
.kr-m-piesek .k-ucho-c,.kr-m-piesek .k-lata{fill:#7b4a25}
.kr-m-piesek .k-pysio,.kr-m-piesek .k-brzuch{fill:#f3dfba}
.kr-m-piesek .k-oko{fill:#2b1a10}
.kr-m-piesek .k-nosek{fill:#1d1612;stroke:#171412;stroke-width:1}
.kr-m-piesek .k-kropki{stroke:#5a3a22;stroke-width:1.6}
.kr-m-piesek .k-policzek{opacity:.35}
.kr-m-piesek .k-obroza{fill:#c3271c}
.kr-m-piesek .k-medal{fill:#cfd6da}
/* Zombiak Zenek: halloween */
.kr-m-zombie{filter:drop-shadow(0 5px 8px rgba(0,0,0,.42)) drop-shadow(0 0 7px rgba(150,255,120,.28))}
.kr-m-zombie .kb{fill:#a9c08b}
.kr-m-zombie .k-in{fill:#7d8f6a}
.kr-m-zombie .k-oczodol{fill:#5f6f4d}
.kr-m-zombie .k-oko{fill:#f2f7cf}
.kr-m-zombie .k-zrenica{fill:#171412}
.kr-m-zombie .k-blysk{display:none}
.kr-m-zombie .k-nosek{fill:#5b4652}
.kr-m-zombie .k-szew{stroke:#2f2a26;stroke-width:1.3}
.kr-m-zombie .k-zab{fill:#f4f0de;stroke:#171412;stroke-width:.8}
.kr-m-zombie .k-policzek{fill:#8a6a8e;opacity:.55}
.kr-m-zombie .k-banda{fill:#ece4cc}
.kr-m-zombie .k-koszula{fill:#5d6d87}
.kr-m-zombie .k-lata{fill:#9a7b55}
.kr-m-zombie .k-krawat{fill:#6d1f1a}
/* Jez Kazik w kaszkiecie */
.kr-m-jez .kb{fill:#ead4ab}
.kr-m-jez .k-in{fill:#c99a7a}
.kr-m-jez .k-kolce,.kr-m-jez .k-plaszcz{fill:#6b4b2e}
.kr-m-jez .k-kolce-j{stroke:#a07a52;stroke-width:1.6}
.kr-m-jez .k-oko{fill:#1d1612}
.kr-m-jez .k-nosek{fill:#1d1612;stroke:#171412;stroke-width:1}
.kr-m-jez .k-czapka{fill:#7c7b70}
.kr-m-jez .k-czapka-d{fill:#5b5a52}
.kr-m-jez .k-szal{fill:#c3271c}
/* Sowa Nocka: nocna zmiana */
.kr-m-sowa .kb{fill:#8b6a4b}
.kr-m-sowa .k-tarcza,.kr-m-sowa .k-brzuch{fill:#f1e1bf}
.kr-m-sowa .k-piora{stroke:#8b6a4b;stroke-width:1.5}
.kr-m-sowa .k-teczowka{fill:#f3b41f;stroke:#171412;stroke-width:1.2}
.kr-m-sowa .k-oko{fill:#171412}
.kr-m-sowa .k-nosek{fill:#e39a2f;stroke:#171412;stroke-width:1.2;stroke-linejoin:round}
.kr-m-sowa .k-stopa{fill:#e39a2f}
.kr-m-sowa .k-policzek,.kr-m-sowa .k-usta{opacity:0}
.kr-m-sowa .k-szal{fill:#2f4a7a}

/* ═════════ WYBOR MASKOTKI: kafelki z podgladem (konto + menu przy maskotce) ═════════ */
.kr-wybor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 0;padding:0;list-style:none}
.kr-kafel{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;
  padding:6px 6px 9px;border-radius:12px;cursor:pointer;background:#fbf9f3;border:2px solid #d4cfc3;color:#1d1a17;text-align:center;
  font:600 .8rem/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-style:normal;
  transition:transform .35s cubic-bezier(.2,1.4,.4,1),border-color .2s,box-shadow .2s,background .2s;-webkit-tap-highlight-color:transparent}
.kr-kafel:hover{transform:translateY(-3px);border-color:#9e958a;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.kr-kafel:active{transform:scale(.96)}
.kr-kafel:focus-visible{outline:3px solid #c3271c;outline-offset:2px}
.kr-kafel[aria-checked="true"]{border-color:#c3271c;background:#fff;box-shadow:0 0 0 3px rgba(195,39,28,.18)}
.kr-kafel[aria-checked="true"]::after{content:"✓";position:absolute;top:5px;right:6px;width:20px;height:20px;border-radius:50%;
  background:#c3271c;color:#fff;font-size:.72rem;line-height:20px;text-align:center}
.kr-kafel-pod{display:block;width:100%;aspect-ratio:1.06;pointer-events:none}
.kr-kafel-pod svg{display:block;width:100%;height:100%;overflow:visible;filter:none}
.kr-kafel b{font-weight:700;font-size:.82rem}
.kr-kafel small{font-weight:400;font-size:.68rem;color:#6b655c;line-height:1.25}
.kr-kafel-znak{position:absolute;top:5px;left:6px;padding:1px 6px;border-radius:99px;background:#2b2825;color:#f3efe6;font:700 .58rem/1.5 "Courier New",monospace;letter-spacing:.06em;text-transform:uppercase}
.kr-wybor-info{margin:8px 0 0;font:400 .76rem/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#6b655c}
.kr-wybor-ok{color:#2f6a5e;font-weight:700}

/* przycisk w dymku i male menu przy maskotce */
.kr-zmien{all:unset;cursor:pointer;display:inline-block;margin-top:6px;font:inherit;font-weight:600;font-size:.64rem;letter-spacing:.06em;
  color:#5a524a;text-decoration:underline;text-underline-offset:2px}
.kr-zmien:hover{color:#b3281d}
.kr-zmien:focus-visible{outline:2px solid #b3281d;outline-offset:2px}
.kr-menu{position:fixed;z-index:2147483560;left:50%;bottom:16px;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;
  transform:translateX(-50%);pointer-events:auto;background:#f1eee7;color:#1d1a17;border-radius:14px;border-top:4px solid #c3271c;
  box-shadow:0 24px 60px rgba(0,0,0,.55);padding:12px 12px 14px;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-style:normal}
.kr-menu[hidden]{display:none}
.kr-menu-g{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.kr-menu-g h3{flex:1;margin:0;font:700 .86rem/1.2 "Courier New",monospace;letter-spacing:.1em;text-transform:uppercase}
.kr-menu-x{flex:none;width:34px;height:34px;border-radius:8px;border:1px solid #d4cfc3;background:#fff;color:#c3271c;font-size:1.1rem;line-height:1;cursor:pointer}
.kr-menu-x:hover,.kr-menu-x:focus-visible{background:#c3271c;color:#fff;outline:none}
.kr-menu-wjazd{animation:krMenuWjazd .5s cubic-bezier(.2,1.25,.35,1) both}
@keyframes krMenuWjazd{from{opacity:0;transform:translate(-50%,24px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media (max-width:420px){ .kr-wybor{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (prefers-reduced-motion:reduce){
  .kr-kafel{transition:border-color .2s,box-shadow .2s,background .2s}
  .kr-kafel:hover,.kr-kafel:active{transform:none}
  .kr-menu-wjazd{animation:krMenuWjazdL .3s ease both}
  @keyframes krMenuWjazdL{from{opacity:0}to{opacity:1}}
}

/* ═════════ ZAWSZE NA EKRANIE (2.3.0): spoczynek, [x] Schowaj maskotkę, toast, przelacznik ═════════ */
.kr-spocz{position:fixed;z-index:2147482900;left:10px;top:0;width:104px;height:107px;pointer-events:none;
  transition:opacity .3s ease,transform .35s cubic-bezier(.2,1.2,.4,1)}
.kr-spocz[hidden]{display:none}
.kr-spocz--schowany{opacity:0;transform:translateY(14px) scale(.88)}
.kr-spocz--schowany *{pointer-events:none!important}
.kr-spocz-klik{all:unset;box-sizing:border-box;display:block;width:100%;height:100%;cursor:pointer;pointer-events:auto;border-radius:40%;-webkit-tap-highlight-color:transparent}
.kr-spocz-klik svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}
.kr-spocz-klik svg .k-baza{pointer-events:none}
.kr-spocz-klik:focus-visible{outline:3px solid #ff4438;outline-offset:2px}
.kr-spocz-x{position:absolute;top:-6px;left:calc(100% - 20px);right:auto;pointer-events:auto;display:flex;align-items:center;gap:5px;height:26px;min-width:26px;padding:0 7px;
  border-radius:13px;border:1.5px solid #b3281d;background:#f2ede0;color:#b3281d;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.35);
  font:700 .64rem/1 'Oswald','Arial Narrow',Arial,sans-serif;font-style:normal;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;
  opacity:0;transform:scale(.7);transition:opacity .2s ease,transform .3s cubic-bezier(.2,1.4,.4,1)}
.kr-spocz-x-t{max-width:0;overflow:hidden;transition:max-width .3s ease}
.kr-spocz:hover .kr-spocz-x,.kr-spocz:focus-within .kr-spocz-x{opacity:1;transform:none}
.kr-spocz-x:hover .kr-spocz-x-t,.kr-spocz-x:focus-visible .kr-spocz-x-t,.kr-spocz-x--rozw .kr-spocz-x-t{max-width:140px}
.kr-spocz-x:hover,.kr-spocz-x:focus-visible{background:#b3281d;color:#fff;outline:none}
@media (hover:none){ .kr-spocz-x{opacity:.9;transform:scale(.92)} .kr-spocz-x--rozw{opacity:1;transform:none;background:#b3281d;color:#fff} }
.kr-opcje .kr-zmien{margin-top:0}
.kr-toast{position:fixed;z-index:2147483560;left:84px;bottom:72px;max-width:min(300px,calc(100vw - 96px));padding:10px 14px;border-radius:10px;
  background:#f2ede0;color:#171412;border-left:4px solid #b3281d;box-shadow:0 10px 26px rgba(0,0,0,.45);
  font:600 .82rem/1.35 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-style:normal;
  opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s ease,transform .35s cubic-bezier(.2,1.2,.4,1)}
.kr-toast--jest{opacity:1;transform:none}
.kr-pokaz{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.kr-pokaz-t{font:700 .78rem/1.2 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#2b2825;margin-right:4px}
.kr-pokaz button{all:unset;box-sizing:border-box;cursor:pointer;min-width:52px;min-height:34px;padding:7px 12px;border-radius:8px;text-align:center;
  border:2px solid #d4cfc3;background:#fbf9f3;color:#1d1a17;font:700 .8rem/1 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;transition:background .2s,border-color .2s}
.kr-pokaz button[aria-checked="true"]{border-color:#c3271c;background:#c3271c;color:#fff}
.kr-pokaz button:focus-visible{outline:3px solid #c3271c;outline-offset:2px}
.kr-wybor-box--off .kr-wybor{opacity:.55}
@media (prefers-reduced-motion:reduce){ .kr-spocz,.kr-spocz-x,.kr-toast{transition:opacity .25s ease} .kr-spocz--schowany,.kr-toast{transform:none} }

/* 2.4.0 (css): przeciaganie maskotki w kazdej chwili (Pinky 10.10) */
.kr-spocz-klik,.kr-scena-svg{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}
.kr-spocz--ciagnie,.kr-spocz--ciagnie .kr-spocz-klik{cursor:grabbing}
.kr-spocz-klik{transition:transform .22s cubic-bezier(.2,1.3,.4,1)}
.kr-spocz-klik svg{transition:filter .22s ease}
.kr-spocz--ciagnie .kr-spocz-klik{transform-origin:50% 16%;transform:translateY(-8px) rotate(var(--kr-kat,0deg)) scale(.96,1.08);transition:transform .08s linear}
/* chwyt za kark: dlon trzymajaca maskotke za szyje */
.kr-spocz--ciagnie::before{content:"";position:absolute;left:50%;top:-14px;width:34px;height:30px;margin-left:-17px;z-index:2;pointer-events:none;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 30'%3E%3Cpath d='M6 4c0-2 3-3 4-1l3 9 2-10c0-2 4-2 4 0l1 10 2-8c1-2 4-1 4 1l-1 9 2-5c1-2 4-1 3 1l-3 10c-1 4-4 7-9 7h-4c-5 0-8-3-9-7L4 10c0-2 2-3 3-1z' fill='%23f2c9a5' stroke='%23171412' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
  animation:kr-chwyt .18s ease-out both}
@keyframes kr-chwyt{from{transform:translateY(-10px) scale(.6);opacity:0}to{transform:none;opacity:1}}
.kr-spocz--ciagnie .kr-spocz-klik svg{filter:drop-shadow(0 14px 14px rgba(0,0,0,.5))}
.kr-spocz--ciagnie .kr-spocz-x{opacity:0!important;pointer-events:none}
.kr-spocz--prawa .kr-spocz-x{left:auto;right:calc(100% - 20px)}
.kr-przywroc{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:6px 12px;border-radius:999px;cursor:pointer;
  font:600 .8rem/1.2 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:inherit;border:1px solid currentColor;opacity:.85}
.kr-przywroc:hover,.kr-przywroc:focus-visible{opacity:1;background:rgba(179,40,29,.15)}
.kr-przywroc[hidden]{display:none}
@media (prefers-reduced-motion:reduce){ .kr-spocz-klik{transition:none} .kr-spocz--ciagnie .kr-spocz-klik{transform:none} }