/* ───────── Pozadí scény mazlíčka (pets-bg.js) ───────── */
.petBgLayer{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;overflow:hidden}
.petBgSvg{display:block;width:100%;height:100%}
.petScene[data-bg]{background:#10131c;box-shadow:inset 0 0 40px rgba(0,0,0,.35)}
.petScene[data-bg]::before{display:none}
/* přepínač pozadí */
.petBgPick{position:absolute;z-index:6;left:10px;top:10px;display:flex;align-items:center;gap:4px;padding:3px 4px;border-radius:999px;background:rgba(8,10,20,.58);backdrop-filter:blur(3px)}
#petsRoot .petBgPick button{width:24px;height:24px;padding:0;border-radius:50%;font:700 11px var(--font-ui);line-height:1;box-shadow:none;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;text-shadow:none}
#petsRoot .petBgPick button:hover{background:rgba(255,255,255,.22)}
#petsRoot .petBgPick button.on{background:#ffd46a;color:#2b1a0a;border-color:#fff0b8}
.petBgLabel{margin:0 6px 0 4px;font:600 11px var(--font-ui);color:#fff;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 2px #000}
@media(max-width:520px){.petBgLabel{display:none}}
/* animace v pozadí */
.bgTw{animation:bgTw 3.2s ease-in-out infinite}
@keyframes bgTw{0%,100%{opacity:.25}50%{opacity:1}}
.bgFlame{transform-box:fill-box;transform-origin:50% 100%;animation:bgFlame .8s ease-in-out infinite alternate}
@keyframes bgFlame{from{transform:scale(1,1) skewX(-2deg)}to{transform:scale(.94,1.12) skewX(3deg)}}
.bgFloat{animation:bgFloat 7s ease-in-out infinite;opacity:0}
@keyframes bgFloat{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(var(--dx,10px),var(--dy,-60px));opacity:0}}
.bgFirefly{animation:bgFly 9s ease-in-out infinite alternate}
@keyframes bgFly{0%{transform:translate(0,0)}33%{transform:translate(16px,-12px)}66%{transform:translate(-10px,-22px)}100%{transform:translate(12px,10px)}}
.bgDrift{animation:bgDrift 90s linear infinite}
@keyframes bgDrift{from{transform:translateX(-60px)}to{transform:translateX(470px)}}
.bgFlutter{transform-box:fill-box;transform-origin:50% 50%;animation:bgFlutter .5s ease-in-out infinite alternate}
@keyframes bgFlutter{from{transform:scaleX(1)}to{transform:scaleX(.45)}}
.bgGlowPulse{animation:bgGlowPulse 3.6s ease-in-out infinite}
@keyframes bgGlowPulse{0%,100%{opacity:.7}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.bgTw,.bgFlame,.bgFloat,.bgFirefly,.bgDrift,.bgFlutter,.bgGlowPulse{animation:none!important}.bgFloat{opacity:.6}}
.petScene[data-bg]>.petTag{background:rgba(8,10,20,.72);box-shadow:0 0 0 1px rgba(0,0,0,.35)}