/* PakaFlow R10.43.27 — jedna interaktywna maskotka panel/public, z ruchem przewodnika. */
.pf-mascot{--cat-hue:var(--pf-hue,354);position:fixed;right:24px;bottom:22px;z-index:1450;display:flex;align-items:flex-end;gap:12px;font-family:inherit;pointer-events:none}
.pf-mascot *{box-sizing:border-box}
.pf-mascot.is-hidden{display:none}
.pf-mascot-bubble{width:min(320px,calc(100vw - 118px));padding:14px 15px 13px;border:1px solid hsl(var(--cat-hue) 78% 58% / .32);border-radius:18px 18px 6px 18px;background:linear-gradient(155deg,rgba(20,21,28,.97),rgba(8,9,13,.97));color:#f7f8fb;box-shadow:0 18px 45px #0009,0 0 30px hsl(var(--cat-hue) 96% 58% / .13);backdrop-filter:blur(14px);opacity:0;transform:translateY(8px) scale(.97);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.pf-mascot.bubble-open .pf-mascot-bubble{opacity:1;transform:none;pointer-events:auto}
.pf-mascot-bubble-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.pf-mascot-name{font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--cat-hue) 100% 72%)}
.pf-mascot-close{border:0;background:transparent;color:#9aa2af;font-size:18px;line-height:1;cursor:pointer;padding:1px 2px;border-radius:8px}.pf-mascot-close:hover{color:#fff;background:#ffffff0c}
.pf-mascot-message{font-size:14px;font-weight:760;line-height:1.45;margin:0;color:#f2f4f8}.pf-mascot-sub{display:block;margin-top:5px;color:#9ea7b6;font-size:12px;font-weight:550;line-height:1.38}
.pf-mascot-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.pf-mascot-action{border:1px solid hsl(var(--cat-hue) 68% 54% / .34);background:hsl(var(--cat-hue) 34% 13% / .78);color:#f9fafc;border-radius:999px;padding:7px 10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.pf-mascot-action:hover{transform:translateY(-1px);border-color:hsl(var(--cat-hue) 96% 64%);background:hsl(var(--cat-hue) 45% 18% / .92)}
.pf-mascot-action.secondary{background:#0a0c10;color:#adb6c4;border-color:#343943}
.pf-mascot-trigger{position:relative;width:82px;height:82px;border:1px solid hsl(var(--cat-hue) 80% 58% / .44);border-radius:26px 26px 20px 20px;background:radial-gradient(circle at 50% 30%,hsl(var(--cat-hue) 78% 24% / .45),#0b0c11 65%);box-shadow:0 14px 38px #000a,0 0 30px hsl(var(--cat-hue) 96% 58% / .14),inset 0 1px 0 #ffffff12;cursor:pointer;pointer-events:auto;padding:0;overflow:visible;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.pf-mascot-trigger:hover{transform:translateY(-3px) scale(1.025);border-color:hsl(var(--cat-hue) 100% 68%);box-shadow:0 18px 46px #000b,0 0 38px hsl(var(--cat-hue) 96% 58% / .23)}
.pf-mascot-trigger:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pf-mascot-svg{display:block;width:92px;height:92px;position:absolute;left:-5px;bottom:-4px;overflow:visible;filter:drop-shadow(0 8px 11px #0009)}
.pf-cat-box{fill:hsl(var(--cat-hue) 78% 42%);stroke:hsl(var(--cat-hue) 100% 70%);stroke-width:2.5}.pf-cat-box-dark{fill:hsl(var(--cat-hue) 72% 26%)}.pf-cat-screen{fill:#090a0e;stroke:hsl(var(--cat-hue) 94% 64%);stroke-width:2.3}.pf-cat-face{color:hsl(var(--cat-hue) 100% 71%);stroke:currentColor;stroke-width:3.7;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 4px hsl(var(--cat-hue) 100% 64% / .72))}.pf-cat-cheek{fill:hsl(var(--cat-hue) 100% 70% / .58)}.pf-cat-paw{fill:hsl(var(--cat-hue) 72% 30%);stroke:hsl(var(--cat-hue) 100% 67% / .8);stroke-width:1.5}.pf-cat-tail{fill:none;stroke:hsl(var(--cat-hue) 78% 42%);stroke-width:10;stroke-linecap:round;transform-origin:17px 68px}
.pf-face-happy,.pf-face-sleep,.pf-face-work,.pf-face-curious{opacity:0}.pf-mascot[data-mood="happy"] .pf-face-idle,.pf-mascot[data-mood="sleep"] .pf-face-idle,.pf-mascot[data-mood="work"] .pf-face-idle,.pf-mascot[data-mood="curious"] .pf-face-idle{opacity:0}.pf-mascot[data-mood="happy"] .pf-face-happy{opacity:1}.pf-mascot[data-mood="sleep"] .pf-face-sleep{opacity:1}.pf-mascot[data-mood="work"] .pf-face-work{opacity:1}.pf-mascot[data-mood="curious"] .pf-face-curious{opacity:1}
.pf-mascot[data-mood="happy"] .pf-mascot-svg{animation:pf-cat-happy .55s cubic-bezier(.22,.8,.25,1) 2}.pf-mascot[data-mood="happy"] .pf-cat-tail{animation:pf-tail .22s ease-in-out 8 alternate}.pf-mascot[data-mood="curious"] .pf-mascot-svg{animation:pf-cat-peek 1.8s ease-in-out 2}.pf-mascot[data-mood="work"] .pf-mascot-trigger:after{content:"";position:absolute;right:8px;top:8px;width:9px;height:9px;border-radius:50%;background:#57e88f;box-shadow:0 0 12px #57e88f;animation:pf-work-pulse 1.3s ease-in-out infinite}.pf-mascot[data-mood="sleep"] .pf-mascot-trigger:after{content:"Zzz";position:absolute;right:-8px;top:-15px;color:hsl(var(--cat-hue) 100% 75%);font-weight:900;font-size:12px;text-shadow:0 0 9px hsl(var(--cat-hue) 100% 60%)}
.pf-mascot-toy{position:absolute;right:65px;bottom:10px;width:20px;height:20px;border-radius:50%;background:hsl(calc(var(--cat-hue) + 48) 95% 62%);box-shadow:0 0 18px hsl(calc(var(--cat-hue) + 48) 95% 62% / .55);opacity:0;pointer-events:none}.pf-mascot.playing .pf-mascot-toy{animation:pf-ball 1.25s cubic-bezier(.3,.75,.32,1) 2;opacity:1}
.pf-mascot-food{position:absolute;right:61px;bottom:2px;width:31px;height:17px;border-radius:4px 4px 14px 14px;background:linear-gradient(180deg,hsl(var(--cat-hue) 87% 57%),hsl(var(--cat-hue) 77% 35%));border:1px solid hsl(var(--cat-hue) 100% 75% / .7);box-shadow:0 6px 12px #0007;opacity:0;transform:translateY(7px) scale(.8);pointer-events:none}.pf-mascot.feeding .pf-mascot-food{animation:pf-food 1.7s ease both}
.pf-mascot-badge{position:absolute;right:-5px;bottom:-5px;min-width:23px;height:23px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#0a0c10;border:1px solid hsl(var(--cat-hue) 92% 62% / .55);color:#fff;font-size:11px;font-weight:900;box-shadow:0 4px 14px #0007}
@keyframes pf-cat-happy{50%{transform:translateY(-8px) scale(1.03)}}@keyframes pf-tail{to{transform:rotate(16deg)}}@keyframes pf-cat-peek{0%,100%{transform:rotate(0)}30%{transform:rotate(-4deg) translateY(-3px)}65%{transform:rotate(4deg)}}@keyframes pf-work-pulse{50%{opacity:.35;transform:scale(.72)}}@keyframes pf-ball{0%{transform:translate(0,0) scale(.8)}35%{transform:translate(-44px,-48px) scale(1)}70%{transform:translate(-76px,-4px) scale(.9)}100%{transform:translate(-5px,0) scale(.78)}}@keyframes pf-food{0%{opacity:0;transform:translateY(8px) scale(.8)}20%,75%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-6px) scale(.85)}}
@media(max-width:900px){.pf-mascot{right:13px;bottom:13px}.pf-mascot-trigger{width:70px;height:70px;border-radius:22px}.pf-mascot-svg{width:80px;height:80px}.pf-mascot-bubble{width:min(300px,calc(100vw - 96px))}}
@media(prefers-reduced-motion:reduce){.pf-mascot *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/* R10.43.21 — public guide mode. */
body[data-pf-surface="public"] .pf-mascot{z-index:120}
body[data-pf-surface="public"] .pf-mascot-action.guide{background:hsl(var(--cat-hue) 76% 43% / .94);border-color:hsl(var(--cat-hue) 100% 68%);box-shadow:0 0 18px hsl(var(--cat-hue) 96% 58% / .18)}
body[data-pf-surface="public"] .pf-mascot-badge{font-size:13px;color:hsl(var(--cat-hue) 100% 76%)}

/* R10.43.22 — publiczna maskotka ma być oczywiście widoczna i używa właściwego assetu marki. */
body[data-pf-surface="public"] .pf-mascot{z-index:99998;right:22px;bottom:22px}
body[data-pf-surface="public"] .pf-mascot-trigger{width:96px;height:96px;border-radius:30px;background:linear-gradient(145deg,#171920,#090a0e);overflow:hidden}
body[data-pf-surface="public"] .pf-mascot-brand-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:28px;filter:drop-shadow(0 8px 14px #0008);transition:transform .22s ease,filter .22s ease}
body[data-pf-surface="public"] .pf-mascot-trigger:hover .pf-mascot-brand-img{transform:scale(1.045);filter:drop-shadow(0 10px 18px #000a) saturate(1.08)}
body[data-pf-surface="public"]:has(#pf-consent) .pf-mascot{bottom:190px}
@media(max-width:900px){body[data-pf-surface="public"] .pf-mascot{right:12px;bottom:12px}body[data-pf-surface="public"] .pf-mascot-trigger{width:78px;height:78px;border-radius:24px}body[data-pf-surface="public"] .pf-mascot-brand-img{border-radius:22px}body[data-pf-surface="public"]:has(#pf-consent) .pf-mascot{bottom:220px}}
.pf-mascot-boot{position:fixed;right:22px;bottom:22px;z-index:99998;display:flex;align-items:center;gap:9px;padding:7px 12px 7px 7px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#0b0c11;color:#fff;box-shadow:0 14px 38px #000a;font:800 12px/1.2 system-ui,-apple-system,sans-serif;pointer-events:none}.pf-mascot-boot img{width:64px;height:64px;object-fit:cover;border-radius:17px}.pf-mascot-boot span{max-width:90px}@media(max-width:700px){.pf-mascot-boot{right:10px;bottom:10px;padding:5px}.pf-mascot-boot img{width:54px;height:54px}.pf-mascot-boot span{display:none}}

/* R10.43.27 — publiczny kot chodzi po ekranie podczas oprowadzania i nie zasłania nagłówków. */
body[data-pf-surface="public"] .pf-mascot{transition:left .58s cubic-bezier(.22,.75,.22,1),right .58s cubic-bezier(.22,.75,.22,1),top .58s cubic-bezier(.22,.75,.22,1),bottom .58s cubic-bezier(.22,.75,.22,1)}
body[data-pf-surface="public"] .pf-mascot .pf-mascot-svg{width:102px;height:102px;left:-4px;bottom:-5px}
body[data-pf-surface="public"] .pf-mascot.is-walking .pf-mascot-svg{animation:pf-cat-walk .36s ease-in-out infinite alternate}
body[data-pf-surface="public"] .pf-mascot.dock-left{flex-direction:row-reverse}
body[data-pf-surface="public"] .pf-mascot.dock-left .pf-mascot-bubble{border-radius:18px 18px 18px 6px}
body[data-pf-surface="public"] .pf-guide-focus{outline:1px solid color-mix(in srgb,var(--live) 46%,transparent);outline-offset:-1px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--live) 14%,transparent);transition:box-shadow .25s ease,outline-color .25s ease}
@keyframes pf-cat-walk{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-7px) rotate(2deg)}}
@media(max-width:900px){body[data-pf-surface="public"] .pf-mascot .pf-mascot-svg{width:84px;height:84px}body[data-pf-surface="public"] .pf-mascot{max-width:calc(100vw - 20px)}}
/* R10.43.32 — onboarding panelu i opcjonalny tryb psotny. */
.pf-mascot-fart{position:absolute;right:72px;bottom:43px;opacity:0;font-size:28px;filter:drop-shadow(0 4px 8px #0007);pointer-events:none}.pf-mascot.farting .pf-mascot-fart{animation:pf-fart 1.55s ease-out both}
.pf-mascot-litter{position:absolute;right:78px;bottom:-5px;width:58px;height:28px;border-radius:8px 8px 15px 15px;background:linear-gradient(#727987,#3a3f49);border:1px solid #aeb6c5;box-shadow:0 7px 14px #0008;opacity:0;transform:translateY(8px) scale(.85);pointer-events:none}.pf-mascot-litter i{position:absolute;left:5px;right:5px;top:5px;height:9px;border-radius:50%;background:#c6aa7c;opacity:.9}.pf-mascot-litter b{position:absolute;left:18px;top:-10px;font-size:24px;transform:scale(.75);opacity:0}.pf-mascot.litter-dirty .pf-mascot-litter{opacity:1;transform:none}.pf-mascot.litter-dirty .pf-mascot-litter b{opacity:1;transform:scale(1)}.pf-mascot.pooping .pf-mascot-svg{animation:pf-poop-squat .7s ease-in-out 2}
@keyframes pf-fart{0%{opacity:0;transform:translate(0,5px) scale(.55)}20%{opacity:1}100%{opacity:0;transform:translate(-75px,-38px) scale(1.35) rotate(-10deg)}}
@keyframes pf-poop-squat{0%,100%{transform:translateY(0)}50%{transform:translateY(8px) scaleY(.94)}}