/* Detailed CSS mascots for the Lapki FM character picker. No image assets. */
[data-character-variant][hidden] { display: none !important; }
.character-portrait > [data-character-variant] {
  position: absolute;
  inset: 0;
}
.pet-thumb > [data-character-variant] {
  position: absolute;
  inset: 0;
}
.character-portrait > [data-character-variant] > .detailed-pet {
  position: absolute;
  left: 50%;
  bottom: -10%;
  width: 110%;
  transform: translateX(-50%);
}
.pet-thumb .detailed-pet {
  bottom: -14%;
  width: 120%;
}
.detailed-pet {
  position: relative;
  display: block;
  aspect-ratio: 1;
  overflow: visible;
  pointer-events: none;
}

/* Cavalier King Charles spaniel */
.dog-body { position:absolute; z-index:2; left:24%; bottom:-10%; width:52%; height:49%; overflow:hidden; border:1px solid rgba(104,62,42,.22); border-radius:48% 48% 18% 18% / 54% 54% 20% 20%; background:radial-gradient(circle at 50% 0,#fff8ed 0 22%,transparent 23%),linear-gradient(105deg,#bb6840 0 28%,#f7ede0 29% 70%,#b45f3d 71%); box-shadow:inset 0 18px 28px rgba(255,255,255,.16),0 24px 34px rgba(83,55,40,.12); transform-origin:50% 100%; }
.character-portrait .dog-body { animation:dogBreath 5.1s ease-in-out infinite alternate; }
.dog-chest { position:absolute; left:50%; top:2%; width:47%; height:95%; border-radius:48% 48% 20% 20%; background:linear-gradient(90deg,#f4e7d7,#fff9ef 48%,#eadaca); transform:translateX(-50%); }
.dog-paw { position:absolute; bottom:-2%; width:27%; height:40%; border-radius:42% 42% 18% 18%; background:linear-gradient(#f7ede0,#e8d5bf); box-shadow:inset 0 -5px 0 rgba(137,85,57,.08); }
.dog-paw::after { content:""; position:absolute; left:14%; right:14%; bottom:10%; height:1px; border-radius:99px; background:rgba(108,73,55,.18); box-shadow:0 6px 0 rgba(108,73,55,.12); }
.dog-paw-left { left:9%; transform:rotate(3deg); }
.dog-paw-right { right:9%; transform:rotate(-3deg); }
.dog-tail { position:absolute; z-index:1; right:16%; bottom:18%; width:23%; height:31%; border:clamp(4px,3.1cqw,18px) solid #ae5c3b; border-left-color:transparent; border-bottom-color:transparent; border-radius:50%; transform:rotate(18deg); transform-origin:8% 92%; }
.character-portrait .dog-tail { animation:dogTail 1.8s ease-in-out infinite alternate; }
.dog-tail i { position:absolute; right:calc(clamp(4px,3.1cqw,18px) * -1); top:calc(clamp(4px,3.1cqw,18px) * -1); width:clamp(5px,3.8cqw,22px); height:76%; border-radius:50%; background:repeating-linear-gradient(84deg,#c7764e 0 4px,#a95538 5px 8px); transform:rotate(-5deg); }
.dog-collar { position:absolute; z-index:8; left:31%; bottom:28.5%; width:38%; height:9.2%; border:1px solid rgba(91,42,37,.28); border-radius:18% 18% 48% 48% / 28% 28% 78% 78%; background:linear-gradient(90deg,#74362f 0%,#9d5045 9%,#ba6b59 48%,#a45549 88%,#70332e 100%); box-shadow:0 8px 13px rgba(73,39,34,.2),inset 0 3px 2px rgba(255,223,207,.25),inset 0 -5px 6px rgba(76,31,28,.2); clip-path:polygon(3% 5%,97% 5%,94% 70%,84% 88%,66% 98%,34% 98%,16% 88%,6% 70%); transform:perspective(220px) rotateX(-12deg); transform-origin:50% 0; }
.dog-collar::before { content:""; position:absolute; inset:18% 5% 23%; border-top:1px dashed rgba(255,221,202,.48); border-bottom:1px dashed rgba(73,31,28,.4); border-radius:12% 12% 50% 50%; opacity:.9; }
.dog-collar > b { position:absolute; z-index:2; right:12%; top:15%; width:10%; height:53%; border:2px solid #c6914e; border-radius:3px; background:#7d3b34; box-shadow:inset 0 0 0 1px rgba(255,222,163,.24),0 2px 3px rgba(65,35,28,.2); transform:rotate(3deg); }
.dog-collar > b::after { content:""; position:absolute; left:43%; top:-18%; width:2px; height:136%; border-radius:2px; background:#d6a15d; transform:rotate(-3deg); }
.dog-collar > i { position:absolute; z-index:3; left:50%; top:72%; width:17%; aspect-ratio:1; border:1px solid rgba(109,67,31,.34); border-radius:48% 48% 52% 52% / 43% 43% 57% 57%; background:radial-gradient(circle at 34% 24%,#f2cb79 0 8%,#d59a48 30%,#b36f35 100%); box-shadow:inset 0 2px 3px rgba(255,242,193,.46),inset 0 -3px 4px rgba(101,57,26,.16),0 5px 8px rgba(71,43,29,.2); transform:translateX(-50%); }
.dog-collar > i::before { content:""; position:absolute; left:50%; top:-44%; width:35%; height:35%; border:2px solid #c58b45; border-bottom-color:#e0b365; border-radius:50%; background:transparent; box-shadow:0 1px 2px rgba(79,48,27,.18); transform:translateX(-50%); }
.dog-collar > i::after { content:""; position:absolute; left:50%; top:37%; width:22%; height:22%; border-radius:50%; background:rgba(122,72,35,.28); box-shadow:-5px 1px 0 -2px rgba(122,72,35,.22),5px 1px 0 -2px rgba(122,72,35,.22),0 5px 0 -2px rgba(122,72,35,.22); transform:translateX(-50%); }
.dog-head-rig { position:absolute; z-index:7; left:50%; top:4%; width:80%; height:72%; transform:translate(calc(-50% + var(--pet-head-x,0px)),var(--pet-head-y,0px)) rotate(var(--pet-head-rotate,0deg)); transform-origin:50% 83%; will-change:transform; }
.dog-head { position:absolute; z-index:4; left:18%; top:7%; width:64%; height:78%; overflow:hidden; border:1px solid rgba(119,72,49,.2); border-radius:46% 46% 44% 44% / 36% 36% 64% 64%; background:radial-gradient(ellipse at 50% 62%,#fff9f0 0 41%,#f1e1cf 72%,#d9c2aa 100%); box-shadow:inset 0 -24px 34px rgba(115,71,49,.08),0 22px 34px rgba(88,57,42,.13); }
.dog-ear { position:absolute; z-index:2; top:13%; width:31%; height:74%; overflow:hidden; border:1px solid rgba(102,58,40,.24); border-radius:48% 52% 62% 38% / 28% 34% 66% 72%; background:radial-gradient(ellipse at 48% 18%,#c47a52,#974c35 62%,#743728); box-shadow:inset 0 -24px 30px rgba(67,34,25,.18),0 18px 26px rgba(77,45,33,.15); }
.dog-ear > b { position:absolute; inset:8% 20% 11%; border-radius:50%; background:linear-gradient(100deg,rgba(255,201,165,.2),transparent 42%,rgba(73,30,22,.13)); }
.dog-ear > span { position:absolute; top:7%; width:8%; height:87%; border-radius:50%; background:linear-gradient(transparent,rgba(246,186,146,.26) 18%,rgba(90,38,27,.18) 88%,transparent); }
.dog-ear > span:nth-of-type(1) { left:21%; transform:rotate(5deg); }
.dog-ear > span:nth-of-type(2) { left:47%; height:94%; transform:rotate(-2deg); }
.dog-ear > span:nth-of-type(3) { right:20%; height:82%; transform:rotate(-7deg); }
.dog-ear-left { left:0; transform:rotate(-8deg); }
.dog-ear-right { right:0; transform:rotate(8deg) scaleX(-1); }
.character-stage.is-reacting .dog-ear-left { animation:dogEarLeft .72s ease; }
.character-stage.is-reacting .dog-ear-right { animation:dogEarRight .72s ease; }
.dog-patch { position:absolute; z-index:1; top:-7%; width:56%; height:67%; background:radial-gradient(circle at 52% 26%,#c77b50,#9b4e34 78%); }
.dog-patch-left { left:-7%; border-radius:42% 50% 55% 38%; transform:rotate(-5deg); }
.dog-patch-right { right:-7%; border-radius:50% 42% 38% 55%; transform:rotate(5deg); }
.dog-blaze { position:absolute; z-index:2; left:50%; top:-8%; width:29%; height:68%; border-radius:35% 35% 52% 52%; background:linear-gradient(90deg,#f4e6d5,#fffaf1 48%,#ead5bf); transform:translateX(-50%); }
.dog-brow { position:absolute; z-index:5; top:29%; width:19%; height:7%; border-top:4px solid rgba(94,49,34,.56); border-radius:50%; }
.dog-brow-left { left:20%; transform:rotate(-7deg); }
.dog-brow-right { right:20%; transform:rotate(7deg); }
.dog-eye { position:absolute; z-index:6; top:34%; width:19%; height:24%; overflow:hidden; border:2px solid rgba(85,48,35,.19); border-radius:50%; background:#fffaf4; box-shadow:inset 0 5px 10px rgba(82,51,38,.1),0 3px 8px rgba(80,45,32,.08); transform-origin:50% 55%; }
.character-portrait .dog-eye { animation:dogBlink 7.4s ease-in-out infinite; }
.dog-eye-left { left:20%; }
.dog-eye-right { right:20%; }
.dog-iris { position:absolute; left:50%; top:52%; width:63%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 38% 30%,#966a4c 0 17%,#503124 45%,#1d1918 72%); box-shadow:inset 0 0 0 2px rgba(57,31,24,.2); transform:translate(calc(-50% + var(--pet-gaze-x,0px)),calc(-50% + var(--pet-gaze-y,0px))); will-change:transform; }
.dog-iris > b { position:absolute; left:23%; top:16%; width:28%; aspect-ratio:1; border-radius:50%; background:#fff; box-shadow:9px 11px 0 -3px rgba(255,255,255,.55); }
.dog-nose-bridge { position:absolute; z-index:4; left:50%; top:48%; width:26%; height:30%; border-radius:42% 42% 52% 52%; background:linear-gradient(90deg,rgba(219,190,163,.7),rgba(255,248,236,.92),rgba(209,175,148,.64)); transform:translateX(-50%); }
.dog-muzzle { position:absolute; z-index:7; left:50%; bottom:2%; width:51%; height:38%; border-radius:48% 48% 51% 51%; background:radial-gradient(ellipse at 50% 18%,#fdf2e4,#ead4bd 86%); box-shadow:inset 0 -7px 13px rgba(112,72,52,.08); transform:translateX(-50%); }
.dog-nose { position:absolute; z-index:3; left:50%; top:3%; width:34%; height:30%; border-radius:49% 49% 58% 58% / 48% 48% 64% 64%; background:radial-gradient(circle at 37% 28%,#65534d 0 8%,#2b2726 25%,#171717 78%); box-shadow:0 3px 6px rgba(44,30,27,.18); transform:translateX(-50%); }
.dog-nose::after { content:""; position:absolute; left:18%; top:25%; width:20%; height:11%; border-radius:50%; background:rgba(255,255,255,.27); transform:rotate(-22deg); }
.dog-mouth { position:absolute; left:50%; top:31%; width:2px; height:27%; background:rgba(69,47,40,.58); }
.dog-mouth::after { content:""; position:absolute; left:50%; bottom:-2px; width:42px; height:17px; border-bottom:2px solid rgba(69,47,40,.58); border-radius:0 0 50% 50%; transform:translateX(-50%); }
.dog-tongue { position:absolute; z-index:-1; left:50%; top:53%; width:19%; height:0; overflow:hidden; border-radius:0 0 50% 50%; background:linear-gradient(#dd8e89,#bd686b); transform:translateX(-50%); transition:height .2s ease; }
.character-stage.is-reacting .dog-tongue { height:31%; }
.dog-dots { position:absolute; top:44%; width:4px; height:4px; border-radius:50%; background:rgba(91,60,48,.38); box-shadow:10px 3px 0 rgba(91,60,48,.28),17px -2px 0 rgba(91,60,48,.22); }
.dog-dots-left { left:16%; }
.dog-dots-right { right:16%; transform:scaleX(-1); }

/* British Shorthair */
.cat-body { position:absolute; z-index:2; left:22%; bottom:-12%; width:56%; height:53%; overflow:hidden; border:1px solid rgba(67,72,77,.22); border-radius:48% 48% 18% 18% / 50% 50% 18% 18%; background:radial-gradient(circle at 50% 4%,#aeb8bc 0 22%,transparent 23%),linear-gradient(105deg,#808e94,#aeb8bc 49%,#77868c); box-shadow:inset 0 18px 30px rgba(255,255,255,.12),0 24px 34px rgba(55,58,62,.13); transform-origin:50% 100%; }
.character-portrait .cat-body { animation:catBreath 5.6s ease-in-out infinite alternate; }
.cat-chest { position:absolute; left:50%; top:2%; width:48%; height:94%; border-radius:48% 48% 20% 20%; background:linear-gradient(90deg,#9ca8ac,#c1cacb 48%,#909da2); transform:translateX(-50%); }
.cat-paw { position:absolute; bottom:-3%; width:28%; height:42%; border-radius:46% 46% 18% 18%; background:linear-gradient(#aeb9bc,#89969b); }
.cat-paw::after { content:""; position:absolute; left:15%; right:15%; bottom:11%; height:1px; background:rgba(55,61,64,.18); box-shadow:0 6px 0 rgba(55,61,64,.12); }
.cat-paw-left { left:8%; }
.cat-paw-right { right:8%; }
.cat-tail { position:absolute; z-index:1; right:5%; bottom:12%; width:33%; height:42%; border:clamp(4px,3.45cqw,20px) solid #7d8b91; border-left-color:transparent; border-bottom-color:transparent; border-radius:50%; transform:rotate(12deg); transform-origin:10% 92%; }
.character-portrait .cat-tail { animation:catTail 3.6s ease-in-out infinite alternate; }
.cat-tail i { position:absolute; right:calc(clamp(4px,3.45cqw,20px) * -1); top:calc(clamp(4px,3.45cqw,20px) * -1); width:clamp(5px,3.8cqw,22px); height:54%; border-radius:50%; background:linear-gradient(#9ca7aa,#69787e); }
.cat-collar { position:absolute; z-index:8; left:30%; bottom:29%; width:40%; height:7.5%; border:1px solid rgba(75,43,42,.25); border-radius:17% 17% 50% 50% / 30% 30% 78% 78%; background:linear-gradient(90deg,#743f39 0%,#96584e 10%,#ad6b5e 48%,#97594f 88%,#6f3e39 100%); box-shadow:0 7px 12px rgba(65,43,43,.18),inset 0 2px 2px rgba(255,225,211,.25),inset 0 -4px 5px rgba(66,35,35,.19); clip-path:polygon(3% 4%,97% 4%,94% 69%,84% 88%,65% 98%,35% 98%,16% 88%,6% 69%); transform:perspective(220px) rotateX(-13deg); transform-origin:50% 0; }
.cat-collar::before { content:""; position:absolute; inset:18% 5% 22%; border-top:1px dashed rgba(255,222,205,.46); border-bottom:1px dashed rgba(68,34,34,.38); border-radius:12% 12% 50% 50%; }
.cat-collar > b { position:absolute; z-index:2; right:13%; top:13%; width:9%; height:55%; border:2px solid #c89350; border-radius:3px; background:#77443e; box-shadow:inset 0 0 0 1px rgba(255,226,173,.2),0 2px 3px rgba(59,39,35,.2); transform:rotate(3deg); }
.cat-collar > b::after { content:""; position:absolute; left:43%; top:-18%; width:2px; height:136%; border-radius:2px; background:#d7a45d; transform:rotate(-3deg); }
.cat-collar > i { position:absolute; z-index:3; left:50%; top:68%; width:15%; aspect-ratio:1; border:1px solid rgba(106,70,32,.3); border-radius:50% 50% 47% 47%; background:radial-gradient(circle at 35% 25%,#f0cc7b 0 9%,#d7a04e 34%,#ad7138 100%); box-shadow:inset 0 2px 3px rgba(255,244,197,.42),inset 0 -3px 4px rgba(99,65,31,.14),0 5px 8px rgba(58,45,36,.18); transform:translateX(-50%); }
.cat-collar > i::before { content:""; position:absolute; left:50%; top:-45%; width:34%; height:34%; border:2px solid #c58d46; border-bottom-color:#e1b567; border-radius:50%; background:transparent; box-shadow:0 1px 2px rgba(72,51,31,.17); transform:translateX(-50%); }
.cat-collar > i::after { content:""; position:absolute; left:24%; right:24%; bottom:18%; height:2px; border-radius:2px; background:rgba(108,67,31,.32); box-shadow:0 3px 0 -1px rgba(108,67,31,.22); }
.cat-head-rig { position:absolute; z-index:7; left:50%; top:3%; width:80%; height:72%; transform:translate(calc(-50% + var(--pet-head-x,0px)),var(--pet-head-y,0px)) rotate(var(--pet-head-rotate,0deg)); transform-origin:50% 84%; will-change:transform; }
.cat-head { position:absolute; z-index:4; left:12%; top:14%; width:76%; height:74%; overflow:visible; border:1px solid rgba(66,72,76,.2); border-radius:49% 49% 46% 46% / 47% 47% 53% 53%; background:radial-gradient(circle at 50% 28%,#abb6ba,#8f9ca1 67%,#748287 100%); box-shadow:inset 0 -23px 34px rgba(43,52,57,.12),0 22px 34px rgba(55,60,64,.14); }
.cat-ear { position:absolute; z-index:3; top:1%; width:31%; height:42%; overflow:hidden; clip-path:polygon(50% 0,100% 100%,0 100%); background:linear-gradient(135deg,#748187,#aab5b8); filter:drop-shadow(0 4px 2px rgba(47,52,55,.11)); }
.cat-ear > b { position:absolute; left:25%; right:25%; top:30%; bottom:12%; clip-path:inherit; background:linear-gradient(#c9958f,#b37675); }
.cat-ear > em { position:absolute; left:45%; top:5%; width:5%; height:45%; border-radius:99px; background:rgba(230,239,237,.36); transform:rotate(2deg); }
.cat-ear-left { left:10%; transform:rotate(-9deg); }
.cat-ear-right { right:10%; transform:rotate(9deg) scaleX(-1); }
.character-stage.is-reacting .cat-ear-left { animation:catEarLeft .65s ease; }
.character-stage.is-reacting .cat-ear-right { animation:catEarRight .65s ease; }
.cat-forehead { position:absolute; z-index:2; left:50%; top:1%; width:42%; height:43%; border-radius:46% 46% 52% 52%; background:radial-gradient(ellipse at 50% 20%,rgba(196,206,207,.58),rgba(128,143,148,.08) 72%); transform:translateX(-50%); }
.cat-stripe { position:absolute; z-index:3; top:4%; width:4.5%; height:25%; border-radius:999px; background:linear-gradient(rgba(79,91,97,.72),rgba(79,91,97,.04)); transform-origin:50% 0; }
.cat-stripe-one { left:42%; transform:rotate(-11deg); }
.cat-stripe-two { left:48%; height:29%; }
.cat-stripe-three { right:42%; transform:rotate(11deg); }
.cat-brow { position:absolute; z-index:5; top:29%; width:19%; height:7%; border-top:3px solid rgba(66,76,81,.55); border-radius:50%; }
.cat-brow-left { left:20%; transform:rotate(-7deg); }
.cat-brow-right { right:20%; transform:rotate(7deg); }
.cat-eye { position:absolute; z-index:6; top:34%; width:21%; height:22%; overflow:hidden; border:2px solid rgba(53,60,64,.18); border-radius:48% 52% 48% 52% / 55% 55% 45% 45%; background:#fff9eb; box-shadow:inset 0 5px 10px rgba(50,55,59,.1),0 3px 8px rgba(48,53,57,.08); transform-origin:50% 56%; }
.character-portrait .cat-eye { animation:catBlink 8.2s ease-in-out infinite; }
.cat-eye-left { left:18%; transform:rotate(2deg); }
.cat-eye-right { right:18%; transform:rotate(-2deg); }
.cat-iris { position:absolute; left:50%; top:51%; width:69%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 38% 31%,#e1ad56 0 16%,#bd7830 50%,#6b431f 78%); box-shadow:inset 0 0 0 2px rgba(86,54,27,.18); transform:translate(calc(-50% + var(--pet-gaze-x,0px)),calc(-50% + var(--pet-gaze-y,0px))); will-change:transform; }
.cat-iris::before { content:""; position:absolute; left:45%; top:14%; width:13%; height:72%; border-radius:50%; background:#1b1918; }
.cat-iris > b { position:absolute; left:20%; top:14%; width:26%; aspect-ratio:1; border-radius:50%; background:#fff; box-shadow:11px 12px 0 -4px rgba(255,255,255,.48); }
.cat-cheek { position:absolute; z-index:3; top:51%; width:42%; height:42%; border-radius:50%; background:radial-gradient(circle at 50% 42%,rgba(185,196,198,.82),rgba(128,143,148,.14) 72%); }
.cat-cheek-left { left:3%; }
.cat-cheek-right { right:3%; }
.cat-whisker-pad { position:absolute; z-index:7; top:59%; width:33%; height:26%; border-radius:50%; background:radial-gradient(circle at 50% 40%,#cbd2d1,#aab6b8 86%); box-shadow:inset 0 -5px 9px rgba(62,72,76,.08); }
.cat-whisker-pad::after { content:""; position:absolute; left:24%; top:37%; width:4px; height:4px; border-radius:50%; background:rgba(69,76,79,.34); box-shadow:13px -2px 0 rgba(69,76,79,.28),25px 3px 0 rgba(69,76,79,.23); }
.cat-whisker-pad-left { left:20%; transform:rotate(4deg); }
.cat-whisker-pad-right { right:20%; transform:rotate(-4deg) scaleX(-1); }
.cat-nose { position:absolute; z-index:9; left:50%; top:60%; width:13%; height:10%; clip-path:polygon(50% 100%,0 15%,18% 0,82% 0,100% 15%); background:linear-gradient(#9a6968,#674848); filter:drop-shadow(0 2px 2px rgba(45,36,36,.14)); transform:translateX(-50%); }
.cat-nose::after { content:""; position:absolute; left:20%; top:17%; width:22%; height:13%; border-radius:50%; background:rgba(255,255,255,.3); }
.cat-mouth { position:absolute; z-index:9; left:50%; top:69%; width:2px; height:10%; background:rgba(58,54,53,.48); }
.cat-mouth::before,.cat-mouth::after { content:""; position:absolute; top:43%; width:23px; height:12px; border-bottom:2px solid rgba(58,54,53,.48); border-radius:0 0 50% 50%; }
.cat-mouth::before { right:0; transform:rotate(4deg); }
.cat-mouth::after { left:0; transform:rotate(-4deg); }
.cat-whiskers { position:absolute; z-index:10; top:65%; width:39%; height:23%; }
.cat-whiskers-left { right:77%; }
.cat-whiskers-right { left:77%; transform:scaleX(-1); }
.cat-whiskers i { position:absolute; right:0; width:100%; height:1px; border-top:1.5px solid rgba(58,65,67,.52); border-radius:50%; transform-origin:100% 50%; }
.cat-whiskers i:nth-child(1) { top:5%; transform:rotate(8deg); }
.cat-whiskers i:nth-child(2) { top:36%; transform:rotate(1deg); }
.cat-whiskers i:nth-child(3) { top:67%; transform:rotate(-7deg); }

@keyframes dogBreath { to { transform:scaleY(1.024) scaleX(.992); } }
@keyframes dogTail { from { transform:rotate(9deg); } to { transform:rotate(27deg); } }
@keyframes dogBlink { 0%,44%,47%,100%{transform:scaleY(1)} 45.4%{transform:scaleY(.07)} }
@keyframes dogEarLeft { 40% { transform:rotate(-13deg) translateY(-4px); } }
@keyframes dogEarRight { 40% { transform:rotate(13deg) scaleX(-1) translateY(-4px); } }
@keyframes catBreath { to { transform:scaleY(1.02) scaleX(.99); } }
@keyframes catTail { from { transform:rotate(4deg); } to { transform:rotate(20deg); } }
@keyframes catBlink { 0%,53%,56%,100%{transform:scaleY(1)} 54.4%{transform:scaleY(.07)} }
@keyframes catEarLeft { 42% { transform:rotate(-15deg); } }
@keyframes catEarRight { 42% { transform:rotate(15deg) scaleX(-1); } }

@media (prefers-reduced-motion:reduce) {
  .dog-head-rig,.cat-head-rig { transform:translate(-50%,0)!important; }
  .dog-iris,.cat-iris { transform:translate(-50%,-50%)!important; }
}