/* Veerny – ilustracije u karticama špilova (Vrtići, Mame i tate)
   Generisano iz prikaza ilustracija (tools/ilustracije.py) – ne menjati ručno.
   Animacije su čist CSS; kad kartica nije na ekranu ili kad je u sistemu isključeno kretanje, miruju. */
.vi svg *, svg.vi * { transform-box: view-box; }
/* delovi koji se pomeraju (polovine lica, oči koje vire) smeju da izađu van okvira crteža */
svg.vi { overflow: visible; }
.vi-v-min { transform-origin: 80px 80px; animation: vi-v-min 3.6s cubic-bezier(.65,0,.35,1) infinite; }
.vi-v-hr { transform-origin: 80px 80px; animation: vi-v-hr 3.6s cubic-bezier(.65,0,.35,1) infinite; }
@keyframes vi-v-min { 0%, 18% { transform: rotate(0); } 72%, 100% { transform: rotate(-720deg); } }
@keyframes vi-v-hr { 0%, 18% { transform: rotate(0); } 72%, 100% { transform: rotate(-360deg); } }

.vi-k-ring { transform-origin: 80px 90px; opacity: 0; animation: vi-k-ring 2.8s ease-out infinite; }
@keyframes vi-k-ring { 0%, 40% { transform: scale(.3); opacity: 0; } 44% { opacity: .9; } 70%, 100% { transform: scale(1.6); opacity: 0; } }
.vi-k-cap { animation: vi-k-cap 2.8s ease-in-out infinite; }
@keyframes vi-k-cap { 0%, 30% { transform: translateY(0); } 36% { transform: translateY(-3px); } 44% { transform: translateY(7px); } 52% { transform: translateY(-2px); } 60%, 100% { transform: translateY(0); } }
.vi-k-spark { transform-box: fill-box; transform-origin: 50% 50%; animation: vi-k-spark 2.8s cubic-bezier(.2,.9,.3,1.5) infinite; }
.vi-k-spark.vi-b { animation-delay: .12s; } .vi-k-spark.vi-c { animation-delay: .22s; }
@keyframes vi-k-spark { 0%, 46% { transform: scale(0) rotate(-45deg); } 58% { transform: scale(1.15) rotate(0); } 66%, 80% { transform: scale(1) rotate(10deg); } 92%, 100% { transform: scale(0) rotate(45deg); } }

.vi-q00 { animation: vi-q00 6s cubic-bezier(.6,0,.3,1.2) infinite; } @keyframes vi-q00 { 0% { transform: translate(0px, 52px); } 8% { transform: translate(0px, 52px); } 12.9% { transform: translate(0px, 78px); } 13.1% { transform: translate(0px, -26px); } 18% { transform: translate(0px, 0px); } 22% { transform: translate(0px, 0px); } 32% { transform: translate(0px, 0px); } 36% { transform: translate(0px, 0px); } 46% { transform: translate(0px, 0px); } 62% { transform: translate(0px, 0px); } 72% { transform: translate(0px, 0px); } 76% { transform: translate(0px, 0px); } 86% { transform: translate(0px, 0px); } 90% { transform: translate(0px, 0px); } 94.9% { transform: translate(0px, -26px); } 95.1% { transform: translate(0px, 78px); } 100% { transform: translate(0px, 52px); } }
.vi-q01 { animation: vi-q01 6s cubic-bezier(.6,0,.3,1.2) infinite; } @keyframes vi-q01 { 0% { transform: translate(0px, 0px); } 8% { transform: translate(0px, 0px); } 18% { transform: translate(0px, 0px); } 22% { transform: translate(0px, 0px); } 32% { transform: translate(0px, 0px); } 36% { transform: translate(0px, 0px); } 46% { transform: translate(0px, 0px); } 62% { transform: translate(0px, 0px); } 72% { transform: translate(0px, 0px); } 76% { transform: translate(0px, 0px); } 86% { transform: translate(0px, 0px); } 90% { transform: translate(0px, 0px); } 100% { transform: translate(0px, 0px); } }
.vi-q02 { animation: vi-q02 6s cubic-bezier(.6,0,.3,1.2) infinite; } @keyframes vi-q02 { 0% { transform: translate(-26px, 26px); } 8% { transform: translate(-26px, 26px); } 18% { transform: translate(-26px, 26px); } 22% { transform: translate(-26px, 26px); } 32% { transform: translate(0px, 26px); } 36% { transform: translate(0px, 26px); } 46% { transform: translate(0px, 0px); } 62% { transform: translate(0px, 0px); } 72% { transform: translate(0px, 26px); } 76% { transform: translate(0px, 26px); } 86% { transform: translate(-26px, 26px); } 90% { transform: translate(-26px, 26px); } 100% { transform: translate(-26px, 26px); } }
.vi-q10 { animation: vi-q10 6s cubic-bezier(.6,0,.3,1.2) infinite; } @keyframes vi-q10 { 0% { transform: translate(52px, 0px); } 8% { transform: translate(52px, 0px); } 18% { transform: translate(52px, 0px); } 22% { transform: translate(52px, 0px); } 26.9% { transform: translate(78px, 0px); } 27.1% { transform: translate(-26px, 0px); } 32% { transform: translate(0px, 0px); } 36% { transform: translate(0px, 0px); } 46% { transform: translate(0px, 0px); } 62% { transform: translate(0px, 0px); } 72% { transform: translate(0px, 0px); } 76% { transform: translate(0px, 0px); } 80.9% { transform: translate(-26px, 0px); } 81.1% { transform: translate(78px, 0px); } 86% { transform: translate(52px, 0px); } 90% { transform: translate(52px, 0px); } 100% { transform: translate(52px, 0px); } }
.vi-q11 { animation: vi-q11 6s cubic-bezier(.6,0,.3,1.2) infinite; } @keyframes vi-q11 { 0% { transform: translate(-26px, -26px); } 8% { transform: translate(-26px, -26px); } 18% { transform: translate(-26px, 0px); } 22% { transform: translate(-26px, 0px); } 32% { transform: translate(0px, 0px); } 36% { transform: translate(0px, 0px); } 46% { transform: translate(0px, 0px); } 62% { transform: translate(0px, 0px); } 72% { transform: translate(0px, 0px); } 76% { transform: translate(0px, 0px); } 86% { transform: translate(-26px, 0px); } 90% { transform: translate(-26px, 0px); } 100% { transform: translate(-26px, -26px); } }
.vi-q12 { animation: vi-q12 6s cubic-bezier(.6,0,.3,1.2) infinite; } @keyframes vi-q12 { 0% { transform: translate(0px, 26px); } 8% { transform: translate(0px, 26px); } 18% { transform: translate(0px, 26px); } 22% { transform: translate(0px, 26px); } 32% { transform: translate(0px, 26px); } 36% { transform: translate(0px, 26px); } 46% { transform: translate(0px, 0px); } 62% { transform: translate(0px, 0px); } 72% { transform: translate(0px, 26px); } 76% { transform: translate(0px, 26px); } 86% { transform: translate(0px, 26px); } 90% { transform: translate(0px, 26px); } 100% { transform: translate(0px, 26px); } }
.vi-q20 { animation: vi-q20 6s cubic-bezier(.6,0,.3,1.2) infinite; } @keyframes vi-q20 { 0% { transform: translate(0px, -26px); } 8% { transform: translate(0px, -26px); } 18% { transform: translate(0px, 0px); } 22% { transform: translate(0px, 0px); } 32% { transform: translate(0px, 0px); } 36% { transform: translate(0px, 0px); } 46% { transform: translate(0px, 0px); } 62% { transform: translate(0px, 0px); } 72% { transform: translate(0px, 0px); } 76% { transform: translate(0px, 0px); } 86% { transform: translate(0px, 0px); } 90% { transform: translate(0px, 0px); } 100% { transform: translate(0px, -26px); } }
.vi-q21 { animation: vi-q21 6s cubic-bezier(.6,0,.3,1.2) infinite; } @keyframes vi-q21 { 0% { transform: translate(0px, 0px); } 8% { transform: translate(0px, 0px); } 18% { transform: translate(0px, 0px); } 22% { transform: translate(0px, 0px); } 32% { transform: translate(0px, 0px); } 36% { transform: translate(0px, 0px); } 46% { transform: translate(0px, 0px); } 62% { transform: translate(0px, 0px); } 72% { transform: translate(0px, 0px); } 76% { transform: translate(0px, 0px); } 86% { transform: translate(0px, 0px); } 90% { transform: translate(0px, 0px); } 100% { transform: translate(0px, 0px); } }
.vi-q22 { animation: vi-q22 6s cubic-bezier(.6,0,.3,1.2) infinite; } @keyframes vi-q22 { 0% { transform: translate(0px, -52px); } 8% { transform: translate(0px, -52px); } 18% { transform: translate(0px, -52px); } 22% { transform: translate(0px, -52px); } 32% { transform: translate(0px, -52px); } 36% { transform: translate(0px, -52px); } 40.9% { transform: translate(0px, -78px); } 41.1% { transform: translate(0px, 26px); } 46% { transform: translate(0px, 0px); } 62% { transform: translate(0px, 0px); } 66.9% { transform: translate(0px, 26px); } 67.1% { transform: translate(0px, -78px); } 72% { transform: translate(0px, -52px); } 76% { transform: translate(0px, -52px); } 86% { transform: translate(0px, -52px); } 90% { transform: translate(0px, -52px); } 100% { transform: translate(0px, -52px); } }

.vi-t-l { animation: vi-t-l 3.4s cubic-bezier(.5,0,.2,1.3) infinite; } .vi-t-r { animation: vi-t-r 3.4s cubic-bezier(.5,0,.2,1.3) infinite; }
.vi-t-l, .vi-t-r { transform-origin: 80px 80px; }
@keyframes vi-t-l { 0%, 14% { transform: translate(-9px, 3px) rotate(-7deg); } 36%, 76% { transform: none; } 94%, 100% { transform: translate(-9px, 3px) rotate(-7deg); } }
@keyframes vi-t-r { 0%, 14% { transform: translate(9px, -3px) rotate(7deg); } 36%, 76% { transform: none; } 94%, 100% { transform: translate(9px, -3px) rotate(7deg); } }
.vi-t-smile { stroke-dasharray: 100; animation: vi-t-smile 3.4s ease-in-out infinite; }
@keyframes vi-t-smile { 0%, 26% { stroke-dashoffset: 100; opacity: 0; } 27% { opacity: 1; } 42%, 72% { stroke-dashoffset: 0; opacity: 1; } 80%, 100% { stroke-dashoffset: 0; opacity: 0; } }
.vi-t-eye { animation: vi-t-eye 3.4s ease-in-out infinite; }
.vi-t-eye.vi-r { animation-name: vi-t-eye-r; }
@keyframes vi-t-eye { 0%, 22% { transform: translateX(3px); } 36%, 76% { transform: none; } 90%, 100% { transform: translateX(3px); } }
@keyframes vi-t-eye-r { 0%, 22% { transform: translateX(-3px); } 36%, 76% { transform: none; } 90%, 100% { transform: translateX(-3px); } }

.vi-s-cloud { animation: vi-s-cloud 7s ease-in-out infinite; }
@keyframes vi-s-cloud { 0%, 100% { transform: translate(-4px, 0); } 50% { transform: translate(4px, -2px); } }
.vi-s-face { transform-origin: 80px 110px; animation: vi-breathe 3.6s ease-in-out infinite; }
@keyframes vi-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.035, .985); } }

.vi-gl0 { transform-origin: 80px -16px; animation: vi-gl0 3.6s linear infinite; } @keyframes vi-gl0 { 0% { transform: translateY(0.0px) scale(0.0); } 5% { transform: translateY(3.0px) scale(0.0); } 10% { transform: translateY(6.0px) scale(0.0); } 15% { transform: translateY(9.0px) scale(0.0); } 20% { transform: translateY(12.0px) scale(0.0); } 25% { transform: translateY(15.0px) scale(0.0); } 30% { transform: translateY(18.0px) scale(0.0); } 35% { transform: translateY(21.0px) scale(0.0); } 40% { transform: translateY(24.0px) scale(0.0); } 45% { transform: translateY(27.0px) scale(0.0); } 50% { transform: translateY(30.0px) scale(0.0); } 55% { transform: translateY(33.0px) scale(0.0); } 60% { transform: translateY(36.0px) scale(0.0); } 65% { transform: translateY(39.0px) scale(0.02); } 70% { transform: translateY(42.0px) scale(0.079); } 75% { transform: translateY(45.0px) scale(0.138); } 80% { transform: translateY(48.0px) scale(0.197); } 85% { transform: translateY(51.0px) scale(0.257); } 90% { transform: translateY(54.0px) scale(0.316); } 95% { transform: translateY(57.0px) scale(0.375); } 100% { transform: translateY(60.0px) scale(0.434); } }
.vi-gl1 { transform-origin: 80px 14px; animation: vi-gl1 3.6s linear infinite; } @keyframes vi-gl1 { 0% { transform: translateY(0.0px) scale(0.0); } 5% { transform: translateY(3.0px) scale(0.0); } 10% { transform: translateY(6.0px) scale(0.0); } 15% { transform: translateY(9.0px) scale(0.02); } 20% { transform: translateY(12.0px) scale(0.079); } 25% { transform: translateY(15.0px) scale(0.138); } 30% { transform: translateY(18.0px) scale(0.197); } 35% { transform: translateY(21.0px) scale(0.257); } 40% { transform: translateY(24.0px) scale(0.316); } 45% { transform: translateY(27.0px) scale(0.375); } 50% { transform: translateY(30.0px) scale(0.434); } 55% { transform: translateY(33.0px) scale(0.493); } 60% { transform: translateY(36.0px) scale(0.553); } 65% { transform: translateY(39.0px) scale(0.612); } 70% { transform: translateY(42.0px) scale(0.671); } 75% { transform: translateY(45.0px) scale(0.73); } 80% { transform: translateY(48.0px) scale(0.764); } 85% { transform: translateY(51.0px) scale(0.784); } 90% { transform: translateY(54.0px) scale(0.805); } 95% { transform: translateY(57.0px) scale(0.826); } 100% { transform: translateY(60.0px) scale(0.846); } }
.vi-gl2 { transform-origin: 80px 44px; animation: vi-gl2 3.6s linear infinite; } @keyframes vi-gl2 { 0% { transform: translateY(0.0px) scale(0.434); } 5% { transform: translateY(3.0px) scale(0.493); } 10% { transform: translateY(6.0px) scale(0.553); } 15% { transform: translateY(9.0px) scale(0.612); } 20% { transform: translateY(12.0px) scale(0.671); } 25% { transform: translateY(15.0px) scale(0.73); } 30% { transform: translateY(18.0px) scale(0.764); } 35% { transform: translateY(21.0px) scale(0.784); } 40% { transform: translateY(24.0px) scale(0.805); } 45% { transform: translateY(27.0px) scale(0.826); } 50% { transform: translateY(30.0px) scale(0.846); } 55% { transform: translateY(33.0px) scale(0.867); } 60% { transform: translateY(36.0px) scale(0.887); } 65% { transform: translateY(39.0px) scale(0.908); } 70% { transform: translateY(42.0px) scale(0.929); } 75% { transform: translateY(45.0px) scale(0.949); } 80% { transform: translateY(48.0px) scale(0.97); } 85% { transform: translateY(51.0px) scale(0.991); } 90% { transform: translateY(54.0px) scale(1.011); } 95% { transform: translateY(57.0px) scale(1.032); } 100% { transform: translateY(60.0px) scale(1.052); } }
.vi-gl3 { transform-origin: 80px 74px; animation: vi-gl3 3.6s linear infinite; } @keyframes vi-gl3 { 0% { transform: translateY(0.0px) scale(0.846); } 5% { transform: translateY(3.0px) scale(0.867); } 10% { transform: translateY(6.0px) scale(0.887); } 15% { transform: translateY(9.0px) scale(0.908); } 20% { transform: translateY(12.0px) scale(0.929); } 25% { transform: translateY(15.0px) scale(0.949); } 30% { transform: translateY(18.0px) scale(0.97); } 35% { transform: translateY(21.0px) scale(0.991); } 40% { transform: translateY(24.0px) scale(1.011); } 45% { transform: translateY(27.0px) scale(1.032); } 50% { transform: translateY(30.0px) scale(1.052); } 55% { transform: translateY(33.0px) scale(1.073); } 60% { transform: translateY(36.0px) scale(1.094); } 65% { transform: translateY(39.0px) scale(1.114); } 70% { transform: translateY(42.0px) scale(1.135); } 75% { transform: translateY(45.0px) scale(1.156); } 80% { transform: translateY(48.0px) scale(1.176); } 85% { transform: translateY(51.0px) scale(1.197); } 90% { transform: translateY(54.0px) scale(1.218); } 95% { transform: translateY(57.0px) scale(1.238); } 100% { transform: translateY(60.0px) scale(1.259); } }
.vi-gl4 { transform-origin: 80px 104px; animation: vi-gl4 3.6s linear infinite; } @keyframes vi-gl4 { 0% { transform: translateY(0.0px) scale(1.052); } 5% { transform: translateY(3.0px) scale(1.073); } 10% { transform: translateY(6.0px) scale(1.094); } 15% { transform: translateY(9.0px) scale(1.114); } 20% { transform: translateY(12.0px) scale(1.135); } 25% { transform: translateY(15.0px) scale(1.156); } 30% { transform: translateY(18.0px) scale(1.176); } 35% { transform: translateY(21.0px) scale(1.197); } 40% { transform: translateY(24.0px) scale(1.218); } 45% { transform: translateY(27.0px) scale(1.238); } 50% { transform: translateY(30.0px) scale(1.259); } 55% { transform: translateY(33.0px) scale(1.279); } 60% { transform: translateY(36.0px) scale(1.3); } 65% { transform: translateY(39.0px) scale(1.3); } 70% { transform: translateY(42.0px) scale(1.3); } 75% { transform: translateY(45.0px) scale(1.3); } 80% { transform: translateY(48.0px) scale(1.3); } 85% { transform: translateY(51.0px) scale(1.3); } 90% { transform: translateY(54.0px) scale(1.3); } 95% { transform: translateY(57.0px) scale(1.3); } 100% { transform: translateY(60.0px) scale(1.3); } }
.vi-gl5 { transform-origin: 80px 134px; animation: vi-gl5 3.6s linear infinite; } @keyframes vi-gl5 { 0% { transform: translateY(0.0px) scale(1.259); } 5% { transform: translateY(3.0px) scale(1.279); } 10% { transform: translateY(6.0px) scale(1.3); } 15% { transform: translateY(9.0px) scale(1.3); } 20% { transform: translateY(12.0px) scale(1.3); } 25% { transform: translateY(15.0px) scale(1.3); } 30% { transform: translateY(18.0px) scale(1.3); } 35% { transform: translateY(21.0px) scale(1.3); } 40% { transform: translateY(24.0px) scale(1.3); } 45% { transform: translateY(27.0px) scale(1.3); } 50% { transform: translateY(30.0px) scale(1.3); } 55% { transform: translateY(33.0px) scale(1.3); } 60% { transform: translateY(36.0px) scale(1.3); } 65% { transform: translateY(39.0px) scale(1.3); } 70% { transform: translateY(42.0px) scale(1.3); } 75% { transform: translateY(45.0px) scale(1.3); } 80% { transform: translateY(48.0px) scale(1.3); } 85% { transform: translateY(51.0px) scale(1.3); } 90% { transform: translateY(54.0px) scale(1.3); } 95% { transform: translateY(57.0px) scale(1.3); } 100% { transform: translateY(60.0px) scale(1.3); } }
.vi-gl6 { transform-origin: 80px 164px; animation: vi-gl6 3.6s linear infinite; } @keyframes vi-gl6 { 0% { transform: translateY(0.0px) scale(1.3); } 5% { transform: translateY(3.0px) scale(1.3); } 10% { transform: translateY(6.0px) scale(1.3); } 15% { transform: translateY(9.0px) scale(1.3); } 20% { transform: translateY(12.0px) scale(1.3); } 25% { transform: translateY(15.0px) scale(1.3); } 30% { transform: translateY(18.0px) scale(1.3); } 35% { transform: translateY(21.0px) scale(1.3); } 40% { transform: translateY(24.0px) scale(1.3); } 45% { transform: translateY(27.0px) scale(1.3); } 50% { transform: translateY(30.0px) scale(1.3); } 55% { transform: translateY(33.0px) scale(1.3); } 60% { transform: translateY(36.0px) scale(1.3); } 65% { transform: translateY(39.0px) scale(1.3); } 70% { transform: translateY(42.0px) scale(1.3); } 75% { transform: translateY(45.0px) scale(1.3); } 80% { transform: translateY(48.0px) scale(1.3); } 85% { transform: translateY(51.0px) scale(1.3); } 90% { transform: translateY(54.0px) scale(1.3); } 95% { transform: translateY(57.0px) scale(1.3); } 100% { transform: translateY(60.0px) scale(1.3); } }
.vi-g-tip { transform-origin: 80px 44px; animation: vi-g-tip 3.6s ease-in-out infinite; }
@keyframes vi-g-tip { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg); } }

.vi-o-tooth { transform-origin: 80px 112px; animation: vi-o-tooth 2.8s ease-in-out infinite; }
@keyframes vi-o-tooth { 0%, 100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(5deg) translateY(-5px); } }
.vi-o-spark { transform-box: fill-box; transform-origin: 50% 50%; animation: vi-o-spark 2.4s ease-in-out infinite; }
.vi-o-spark.vi-b { animation-delay: .6s; } .vi-o-spark.vi-c { animation-delay: 1.2s; } .vi-o-spark.vi-d { animation-delay: 1.8s; }
@keyframes vi-o-spark { 0%, 100% { transform: scale(.25) rotate(0); opacity: .3; } 40% { transform: scale(1.1) rotate(45deg); opacity: 1; } 60% { transform: scale(.9) rotate(70deg); opacity: 1; } }

.vi-e-eyes { animation: vi-e-eyes 4.6s cubic-bezier(.4,0,.2,1.25) infinite; }
@keyframes vi-e-eyes { 0%, 8% { transform: translate(-32px, -32px); } 22%, 68% { transform: none; } 82%, 100% { transform: translate(-32px, -32px); } }
.vi-e-pup { animation: vi-e-pup 4.6s ease-in-out infinite; }
@keyframes vi-e-pup { 0%, 26% { transform: translate(0, 0); } 34%, 42% { transform: translate(-4px, 4px); } 50%, 58% { transform: translate(4px, -4px); } 64%, 100% { transform: translate(0, 0); } }
.vi-e-lid { transform-box: fill-box; transform-origin: 50% 0%; animation: vi-e-lid 4.6s ease-in-out infinite; }
@keyframes vi-e-lid { 0%, 44% { transform: scaleY(0); } 46% { transform: scaleY(1); } 48%, 100% { transform: scaleY(0); } }

.vi-b-bell { transform-origin: 80px 30px; animation: vi-b-bell 3s ease-in-out infinite; }
@keyframes vi-b-bell { 0%, 10% { transform: none; } 16% { transform: rotate(14deg); } 24% { transform: rotate(-12deg); } 32% { transform: rotate(9deg); } 40% { transform: rotate(-6deg); } 48% { transform: rotate(3deg); } 54%, 100% { transform: none; } }
.vi-b-clap { transform-origin: 80px 40px; animation: vi-b-clap 3s ease-in-out infinite; }
@keyframes vi-b-clap { 0%, 12% { transform: none; } 18% { transform: rotate(-16deg); } 26% { transform: rotate(14deg); } 34% { transform: rotate(-10deg); } 42% { transform: rotate(6deg); } 52%, 100% { transform: none; } }
.vi-b-wave { opacity: 0; transform-origin: 80px 80px; animation: vi-b-wave 3s ease-out infinite; }
.vi-b-wave.vi-w2 { animation-delay: .15s; }
@keyframes vi-b-wave { 0%, 12% { opacity: 0; transform: scale(.85); } 22% { opacity: 1; } 50%, 100% { opacity: 0; transform: scale(1.1); } }
.vi-b-badge { transform-origin: 114px 40px; animation: vi-b-badge 3s cubic-bezier(.2,.9,.3,1.6) infinite; }
@keyframes vi-b-badge { 0%, 18% { transform: scale(0); } 28%, 86% { transform: scale(1); } 94%, 100% { transform: scale(0); } }
@media (prefers-reduced-motion: reduce) {
svg.vi * { animation: none !important; }
.vi-gl0 { transform: translateY(0.0px) scale(0.0); }
.vi-gl1 { transform: translateY(0.0px) scale(0.0); }
.vi-gl2 { transform: translateY(0.0px) scale(0.434); }
.vi-gl3 { transform: translateY(0.0px) scale(0.846); }
.vi-gl4 { transform: translateY(0.0px) scale(1.052); }
.vi-gl5 { transform: translateY(0.0px) scale(1.259); }
.vi-gl6 { transform: translateY(0.0px) scale(1.3); }
.vi-e-lid { transform: scaleY(0); }
}
/* van ekrana: pauza (štedi bateriju na telefonu) */
.vi-off * { animation-play-state: paused !important; }