
:root{
  --vof-kids-blue:#1559ff;
  --vof-kids-sky:#28c4ff;
  --vof-kids-red:#ff3f55;
  --vof-kids-yellow:#ffd11a;
  --vof-kids-green:#3fd45d;
  --vof-kids-purple:#8b55ff;
  --vof-kids-orange:#ff812d;
  --vof-kids-navy:#102a43;
}
body.page-kids-learning-zone,
body.page-id-0{overflow-x:hidden}

/* HERO */
.elementor .elementor-element-b1000001{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding:130px 0 70px;
  background-color:#1559ff!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  color:#fff;
}
.elementor .elementor-element-b1000001>.elementor-container{
  position:relative;
  z-index:2;
  width:min(1180px,92vw)!important;
  max-width:none!important;
}
.vof-kids-hero-eyebrow .elementor-heading-title{
  color:#FFD11A!important;
  font-family:"Nunito Sans",sans-serif!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
}
.vof-kids-hero-title .elementor-heading-title{
  color:#fff!important;
  font-family:"Barlow Condensed",sans-serif!important;
  font-size:clamp(74px,9vw,132px)!important;
  line-height:.82!important;
  letter-spacing:-.02em!important;
  text-shadow:0 8px 0 rgba(20,24,90,.16);
}
.vof-kids-hero-title .elementor-heading-title span{color:#FFD11A}
.vof-kids-hero-copy p{
  max-width:690px;
  margin:0 auto;
  color:#fff!important;
  font-family:"Nunito Sans",sans-serif!important;
  font-size:clamp(17px,1.5vw,22px)!important;
  line-height:1.55!important;
  font-weight:700;
}
.vof-kids-hero-button .elementor-button{
  min-height:58px;
  padding:17px 30px!important;
  border:4px solid #fff;
  border-radius:999px!important;
  background:#FF812D!important;
  color:#fff!important;
  box-shadow:0 8px 0 #d95e13,0 18px 30px rgba(0,0,0,.17);
  font-family:"Nunito Sans",sans-serif!important;
  font-weight:900!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.vof-kids-hero-button .elementor-button:hover{
  transform:translateY(-3px) rotate(-1deg);
  box-shadow:0 11px 0 #d95e13,0 22px 35px rgba(0,0,0,.2);
}
.vof-kids-star-pill{
  display:inline-flex!important;
  width:auto!important;
  margin:24px auto 0!important;
}
.vof-kids-star-pill .elementor-widget-container{
  padding:11px 18px!important;
  border:3px solid #fff;
  border-radius:999px;
  background:rgba(16,42,67,.25);
  color:#fff;
  font-family:"Nunito Sans",sans-serif;
  font-weight:900;
  backdrop-filter:blur(8px);
}

/* GAME AREA */
.elementor .elementor-element-b2000001{
  padding:78px 0 26px;
  background:
    radial-gradient(circle at 10% 12%,rgba(255,209,26,.18) 0 75px,transparent 76px),
    radial-gradient(circle at 95% 80%,rgba(40,196,255,.18) 0 120px,transparent 121px),
    #fff9ec!important;
}
.elementor .elementor-element-b2000001>.elementor-container,
.elementor .elementor-element-c1000001>.elementor-container,
.elementor .elementor-element-c1000010>.elementor-container,
.elementor .elementor-element-c1000020>.elementor-container{
  width:min(1180px,92vw)!important;
  max-width:none!important;
  display:flex!important;
  flex-wrap:wrap!important;
}
.elementor .elementor-element-c1000001>.elementor-container>.elementor-column,
.elementor .elementor-element-c1000010>.elementor-container>.elementor-column,
.elementor .elementor-element-c1000020>.elementor-container>.elementor-column{
  width:25%!important;
  flex:0 0 25%!important;
}
#vof-games{scroll-margin-top:90px}
@media(max-width:1024px){
  .elementor .elementor-element-c1000001>.elementor-container>.elementor-column,
  .elementor .elementor-element-c1000010>.elementor-container>.elementor-column,
  .elementor .elementor-element-c1000020>.elementor-container>.elementor-column{
    width:50%!important;
    flex-basis:50%!important;
  }
}
@media(max-width:620px){
  .elementor .elementor-element-c1000001>.elementor-container>.elementor-column,
  .elementor .elementor-element-c1000010>.elementor-container>.elementor-column,
  .elementor .elementor-element-c1000020>.elementor-container>.elementor-column{
    width:100%!important;
    flex-basis:100%!important;
  }
}
.vof-kids-section-kicker .elementor-heading-title{
  color:#FF3F55!important;
  font-family:"Nunito Sans",sans-serif!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.vof-kids-section-title .elementor-heading-title{
  color:#102A43!important;
  font-family:"Barlow Condensed",sans-serif!important;
  font-size:clamp(50px,6vw,78px)!important;
  line-height:.9!important;
}
.vof-kids-section-copy p{
  max-width:760px;
  margin:10px auto 0;
  color:#52677a!important;
  font-family:"Nunito Sans",sans-serif!important;
  font-size:17px!important;
  line-height:1.6!important;
}
.elementor .elementor-element-c1000001,
.elementor .elementor-element-c1000010,
.elementor .elementor-element-c1000020{
  padding:12px 0 18px;
  background:#fff9ec!important;
}
.elementor .elementor-element-c1000020{padding-bottom:90px!important}

/* Native Elementor Image Box game tiles */
.vof-game-tile{
  position:relative;
  height:100%;
  min-height:330px;
  overflow:hidden;
  border:5px solid #fff;
  border-radius:28px;
  box-shadow:0 12px 0 rgba(16,42,67,.14),0 22px 36px rgba(16,42,67,.13);
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
.vof-game-tile:hover{
  transform:translateY(-6px) rotate(-.6deg);
  box-shadow:0 16px 0 rgba(16,42,67,.13),0 28px 44px rgba(16,42,67,.17);
}
.vof-game-tile .elementor-widget-container{
  height:100%;
  padding:0 0 24px!important;
}
.vof-game-tile .elementor-image-box-wrapper{text-align:center!important}
.vof-game-tile .elementor-image-box-img{
  width:100%!important;
  margin:0 0 20px!important;
  overflow:hidden;
  border-radius:22px 22px 8px 8px;
  background:rgba(255,255,255,.2);
}
.vof-game-tile .elementor-image-box-img a{display:block}
.vof-game-tile .elementor-image-box-img img{
  display:block;
  width:100%!important;
  height:175px!important;
  object-fit:cover!important;
  object-position:center center;
  transition:transform .28s ease;
}
.vof-game-tile:hover .elementor-image-box-img img{transform:scale(1.045)}
.vof-game-tile .elementor-image-box-content{
  padding:0 20px;
}
.vof-game-tile .elementor-image-box-title{
  margin:0 0 8px!important;
  font-family:"Barlow Condensed",sans-serif!important;
  font-size:31px!important;
  line-height:.95!important;
  font-weight:800!important;
}
.vof-game-tile .elementor-image-box-title,
.vof-game-tile .elementor-image-box-title a{color:#fff!important}
.vof-game-tile .elementor-image-box-description{
  margin:0!important;
  color:rgba(255,255,255,.9)!important;
  font-family:"Nunito Sans",sans-serif!important;
  font-size:13px!important;
  line-height:1.42!important;
  font-weight:800!important;
}
.vof-game-red{background:linear-gradient(145deg,#ff5265,#ef2741)!important}
.vof-game-blue{background:linear-gradient(145deg,#29bfff,#1564ff)!important}
.vof-game-yellow{background:linear-gradient(145deg,#ffd92f,#f2a600)!important}
.vof-game-yellow .elementor-image-box-title,
.vof-game-yellow .elementor-image-box-title a,
.vof-game-yellow .elementor-image-box-description{color:#4b3a00!important}
.vof-game-green{background:linear-gradient(145deg,#55df6c,#21aa49)!important}
.vof-game-purple{background:linear-gradient(145deg,#9f68ff,#6940de)!important}
.vof-game-orange{background:linear-gradient(145deg,#ff9b3f,#ef641f)!important}
.vof-game-navy{background:linear-gradient(145deg,#245d99,#102a43)!important}
.vof-game-pink{background:linear-gradient(145deg,#ff79bc,#e53a94)!important}
.vof-game-tile:after{
  content:"PLAY!";
  position:absolute;
  top:13px;
  right:-32px;
  width:122px;
  padding:5px 0;
  transform:rotate(38deg);
  background:#fff;
  color:#102A43;
  font:900 10px/1 "Nunito Sans",sans-serif;
  letter-spacing:.12em;
  text-align:center;
}

/* MODAL */
.vof-game-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
}
.vof-game-modal.is-open{display:block}
.vof-game-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,24,46,.76);
  backdrop-filter:blur(9px);
}
.vof-game-window{
  position:absolute;
  inset:3vh 3vw;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:6px solid #fff;
  border-radius:30px;
  background:#fffaf0;
  box-shadow:0 30px 80px rgba(0,0,0,.35);
}
.vof-game-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:14px 18px;
  background:linear-gradient(90deg,#1559ff,#8b55ff);
  color:#fff;
}
.vof-game-brand{display:flex;align-items:center;gap:12px}
.vof-game-brand-mark{
  display:grid;place-items:center;width:46px;height:46px;border-radius:15px;
  background:#FFD11A;color:#102A43;font-size:25px;transform:rotate(-6deg)
}
.vof-game-brand small{display:block;font:900 10px/1 "Nunito Sans",sans-serif;letter-spacing:.16em;color:#FFD11A}
.vof-game-brand strong{display:block;margin-top:3px;font:800 25px/1 "Barlow Condensed",sans-serif}
.vof-game-controls{display:flex;align-items:center;gap:8px}
.vof-game-stars{
  min-width:78px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.16);
  font:900 15px/1 "Nunito Sans",sans-serif;text-align:center
}
.vof-game-sound,.vof-game-close{
  display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:14px;
  background:#fff;color:#102A43;font-size:21px;font-weight:900;cursor:pointer
}
.vof-game-close{font-size:31px;line-height:1}
.vof-game-stage{
  flex:1;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding:clamp(22px,4vw,48px);
  touch-action:manipulation;
}
.vof-game-inner{width:min(900px,100%);margin:0 auto;text-align:center}
.vof-game-kicker{
  display:inline-block;margin-bottom:8px;padding:6px 12px;border-radius:999px;background:#FFD11A;color:#102A43;
  font:900 11px/1 "Nunito Sans",sans-serif;letter-spacing:.1em
}
.vof-game-inner h2{
  margin:0;color:#102A43;font:800 clamp(42px,7vw,74px)/.9 "Barlow Condensed",sans-serif
}
.vof-game-instruction{
  max-width:700px;margin:14px auto 24px;color:#52677a;font:800 clamp(15px,2vw,19px)/1.5 "Nunito Sans",sans-serif
}
.vof-game-progress{
  display:flex;justify-content:center;gap:8px;margin:12px 0 26px
}
.vof-game-progress span{width:12px;height:12px;border-radius:50%;background:#dce4ec}
.vof-game-progress span.done{background:#3FD45D}
.vof-game-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.vof-game-choice{
  min-height:118px;padding:14px;border:4px solid #fff;border-radius:24px;background:#eaf6ff;
  box-shadow:0 7px 0 #c7ddec;color:#102A43;font:900 20px/1.15 "Nunito Sans",sans-serif;
  cursor:pointer;touch-action:manipulation;transition:transform .13s ease,box-shadow .13s ease,background .13s ease
}
.vof-game-choice:hover,.vof-game-choice:focus{transform:translateY(-3px);outline:0}
.vof-game-choice:active{transform:translateY(3px);box-shadow:0 3px 0 #c7ddec}
.vof-game-choice.big-emoji{font-size:52px}
.vof-game-choice.correct{background:#dfffe5;box-shadow:0 7px 0 #72d489}
.vof-game-choice.wrong{animation:vofGameShake .28s ease;background:#ffe7eb;box-shadow:0 7px 0 #ff9baa}
@keyframes vofGameShake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}
.vof-game-feedback{
  min-height:30px;margin:20px 0 0;color:#102A43;font:900 18px/1.35 "Nunito Sans",sans-serif
}
.vof-game-action{
  display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin:12px 5px 0;padding:13px 22px;
  border:0;border-radius:999px;background:#1559ff;color:#fff;font:900 14px/1 "Nunito Sans",sans-serif;cursor:pointer
}
.vof-game-action.alt{background:#FF812D}
.vof-memory-grid{grid-template-columns:repeat(4,1fr);max-width:650px;margin:0 auto}
.vof-memory-card{font-size:42px}
.vof-memory-card .back{display:none}
.vof-memory-card.revealed .front,.vof-memory-card.matched .front{display:none}
.vof-memory-card.revealed .back,.vof-memory-card.matched .back{display:block}
.vof-memory-card.matched{background:#dfffe5}
.vof-color-choice{min-height:130px;color:#fff!important;text-shadow:0 2px 2px rgba(0,0,0,.2)}
.vof-shape-symbol{display:block;font-size:62px;line-height:1}
.vof-number-choice{
  overflow:hidden;
}
.vof-number-apples{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  justify-items:center;
  gap:5px;
  width:min(100%,132px);
  margin:0 auto;
}
.vof-number-apple{
  display:block;
  font-size:clamp(27px,3vw,36px);
  line-height:1;
}
.vof-sound-panel{
  max-width:620px;margin:0 auto 24px;padding:22px;border:4px solid #fff;border-radius:24px;background:#e8f2ff;box-shadow:0 8px 0 #c9ddf4
}
.vof-sound-big{font-size:64px}
.vof-odd-grid{grid-template-columns:repeat(4,1fr)}
.vof-puzzle-board{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  max-width:440px;
  margin:24px auto 30px;
  padding:18px;
}
.vof-puzzle-tile{
  position:relative;
  min-height:155px;
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  border:0;
  border-radius:0;
  background-color:transparent;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  box-shadow:none;
  font-size:58px;
  cursor:pointer;
  overflow:visible;
  padding:22px;
  transition:transform .18s ease,filter .18s ease;
}
.vof-puzzle-piece-1{
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/blue-puzzle.png");
}
.vof-puzzle-piece-2{
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/pink-puzzle.png");
}
.vof-puzzle-piece-3{
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/green-puzzle.png");
}
.vof-puzzle-piece-4{
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/orange-puzzle.png");
}
.vof-puzzle-tile::before,
.vof-puzzle-tile::after{
  content:none!important;
  display:none!important;
}
.vof-puzzle-symbol{
  position:relative;
  z-index:2;
  line-height:1;
  filter:drop-shadow(0 3px 2px rgba(16,42,67,.16));
}
.vof-puzzle-tile:hover{transform:translateY(-3px) rotate(-1deg)}
.vof-puzzle-tile.selected{
  transform:scale(1.06);
  filter:drop-shadow(0 0 12px rgba(255,209,26,.98)) drop-shadow(0 0 6px rgba(255,209,26,.92));
}
.vof-game-finish{
  max-width:650px;margin:4vh auto 0;padding:36px 25px;border:5px solid #fff;border-radius:32px;
  background:linear-gradient(145deg,#fff6ba,#fff);box-shadow:0 12px 0 #e8d56d,0 24px 45px rgba(16,42,67,.12)
}
.vof-game-finish .trophy{font-size:78px}
.vof-game-finish h2{margin-top:10px}
.vof-confetti{
  position:fixed;z-index:1000000;width:12px;height:18px;top:-25px;border-radius:3px;pointer-events:none;
  animation:vofConfettiFall 1.8s ease-in forwards
}
@keyframes vofConfettiFall{to{transform:translate3d(var(--x),105vh,0) rotate(720deg);opacity:.1}}
body.vof-game-open{overflow:hidden!important}

/* FIND IT! — colorful orchard theme */
.vof-find-game{
  position:relative;
  overflow:auto;
  background:
    radial-gradient(circle at 10% 13%,#ffd74a 0 42px,#ffbe2e 43px 55px,transparent 56px),
    radial-gradient(ellipse at 18% 73%,#61c95f 0 18%,transparent 19%),
    radial-gradient(ellipse at 82% 76%,#4fbd55 0 22%,transparent 23%),
    linear-gradient(to bottom,#52c9ff 0 63%,#9fe8ff 63% 68%,#76d75f 68% 100%)!important;
  isolation:isolate;
}
.vof-find-game:before,
.vof-find-game:after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
}
.vof-find-game:before{
  top:68px;
  left:-90px;
  width:230px;
  height:68px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:
    72px -27px 0 10px rgba(255,255,255,.92),
    145px 7px 0 -4px rgba(255,255,255,.92),
    calc(100vw - 30px) 32px 0 -4px rgba(255,255,255,.84),
    calc(100vw + 58px) 4px 0 12px rgba(255,255,255,.84);
  animation:vofCloudDrift 9s ease-in-out infinite alternate;
}
.vof-find-game:after{
  left:0;
  right:0;
  bottom:0;
  height:165px;
  background:
    radial-gradient(circle at 8% 88%,#ffef6e 0 7px,transparent 8px),
    radial-gradient(circle at 12% 75%,#ff6c93 0 7px,transparent 8px),
    radial-gradient(circle at 90% 80%,#8b55ff 0 8px,transparent 9px),
    radial-gradient(circle at 84% 91%,#ffd11a 0 7px,transparent 8px),
    repeating-linear-gradient(100deg,transparent 0 31px,rgba(27,139,55,.12) 32px 35px,transparent 36px 62px);
}
@keyframes vofCloudDrift{
  from{transform:translateX(0)}
  to{transform:translateX(24px)}
}
.vof-find-game .vof-game-inner{
  position:relative;
  z-index:2;
  min-height:760px;
  max-width:980px;
  padding:12px 20px 74px;
}
.vof-find-game .vof-game-inner:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  bottom:34px;
  width:min(790px,94vw);
  height:540px;
  transform:translateX(-50%);
  filter:drop-shadow(0 18px 18px rgba(54,97,42,.2));
  background:
    radial-gradient(circle at 27% 36%,#4bc45d 0 22%,transparent 22.7%),
    radial-gradient(circle at 47% 23%,#55ce66 0 27%,transparent 27.8%),
    radial-gradient(circle at 69% 36%,#42ba56 0 24%,transparent 24.8%),
    radial-gradient(circle at 36% 49%,#3daf50 0 25%,transparent 25.8%),
    radial-gradient(circle at 62% 50%,#47bf58 0 27%,transparent 27.8%),
    linear-gradient(90deg,transparent 44%,#8b572d 44% 56%,transparent 56%);
  background-repeat:no-repeat;
  background-position:center;
}
.vof-find-game .vof-game-inner:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  bottom:19px;
  width:250px;
  height:42px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(55,120,46,.22);
  filter:blur(2px);
}
.vof-find-game .vof-game-kicker{
  position:relative;
  z-index:3;
  padding:8px 16px;
  border:3px solid #fff;
  background:#ff3f55;
  color:#fff;
  box-shadow:0 5px 0 #c82438;
}
.vof-find-game h2{
  position:relative;
  z-index:3;
  margin-top:8px;
  color:#fff;
  text-shadow:0 4px 0 #1559ff,0 8px 18px rgba(16,42,67,.22);
}
.vof-find-game .vof-game-instruction{
  position:relative;
  z-index:3;
  display:inline-block;
  max-width:540px;
  margin:14px auto 12px;
  padding:12px 22px;
  border:4px solid #fff;
  border-radius:999px;
  background:#fff3a6;
  color:#102a43;
  box-shadow:0 7px 0 #e4bd35,0 13px 20px rgba(16,42,67,.12);
  font-size:clamp(17px,2.4vw,23px);
}
.vof-find-game .vof-game-progress{
  position:relative;
  z-index:3;
  margin:8px 0 10px;
}
.vof-find-game .vof-game-progress span{
  width:16px;
  height:16px;
  border:3px solid #fff;
  background:#bfd9e6;
  box-shadow:0 2px 0 rgba(16,42,67,.14);
}
.vof-find-game .vof-game-progress span.done{background:#ffd11a}
.vof-find-scene-label{
  position:relative;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:4px auto 10px;
  padding:7px 14px;
  border-radius:999px;
  background:rgba(16,42,67,.78);
  color:#fff;
  font:900 11px/1 "Nunito Sans",sans-serif;
  letter-spacing:.08em;
  backdrop-filter:blur(5px);
}
.vof-find-grid{
  position:relative;
  z-index:4;
  width:min(690px,94%);
  margin:6px auto 0;
  gap:10px 16px;
}
.vof-find-choice{
  min-height:88px;
  padding:8px;
  border:4px solid rgba(255,255,255,.95);
  border-radius:50%;
  background:rgba(255,255,255,.84);
  box-shadow:
    0 8px 0 rgba(48,125,50,.22),
    0 13px 22px rgba(16,42,67,.14);
  font-size:50px!important;
  animation:vofFindFloat 2.8s ease-in-out infinite;
  animation-delay:calc(var(--vof-find-i) * -.12s);
}
.vof-find-choice:nth-child(3n+1){transform:rotate(-4deg)}
.vof-find-choice:nth-child(3n+2){transform:rotate(3deg)}
.vof-find-choice:nth-child(3n){transform:rotate(-1deg)}
@keyframes vofFindFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -7px}
}
.vof-find-choice:hover,
.vof-find-choice:focus{
  transform:scale(1.08) rotate(2deg)!important;
  box-shadow:0 10px 0 rgba(48,125,50,.22),0 16px 26px rgba(16,42,67,.18);
}
.vof-find-choice:active{transform:scale(.96)!important}
.vof-find-choice.correct{
  background:#ddffd9!important;
  border-color:#fff!important;
  animation:vofFindCorrect .58s ease both!important;
  box-shadow:0 0 0 9px rgba(255,209,26,.42),0 12px 0 #57bd5c!important;
}
@keyframes vofFindCorrect{
  0%{transform:scale(1) rotate(0)}
  42%{transform:scale(1.28) rotate(-8deg)}
  72%{transform:scale(.94) rotate(5deg)}
  100%{transform:scale(1.08) rotate(0)}
}
.vof-find-game .vof-game-feedback{
  position:relative;
  z-index:5;
  display:inline-block;
  min-width:220px;
  min-height:0;
  margin:14px auto 0;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 5px 0 rgba(16,42,67,.1);
}
.vof-find-type-letter .vof-find-choice{
  border-radius:22px;
  background:linear-gradient(145deg,#fff7c5,#ffd657);
  color:#1559ff;
  font-family:"Barlow Condensed",sans-serif;
  font-size:52px!important;
  text-shadow:0 2px 0 rgba(255,255,255,.8);
}
.vof-find-type-heart .vof-find-choice{
  background:linear-gradient(145deg,#fff,#ffe7f2);
  font-size:48px!important;
}

@media(max-width:1024px){
  .vof-find-game .vof-game-inner{min-height:720px}
  .vof-find-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:min(620px,96%)}
  .vof-find-choice{min-height:82px;font-size:45px!important}
}
@media(max-width:767px){
  .vof-find-game{padding:14px 10px 34px!important}
  .vof-find-game .vof-game-inner{min-height:680px;padding:8px 4px 54px}
  .vof-find-game .vof-game-inner:before{height:470px;bottom:22px}
  .vof-find-game h2{font-size:50px!important}
  .vof-find-game .vof-game-instruction{font-size:17px!important;padding:10px 16px}
  .vof-find-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px;width:min(480px,98%)}
  .vof-find-choice{min-height:76px;font-size:39px!important;border-width:3px}
  .vof-find-type-letter .vof-find-choice{font-size:42px!important}
}
@media(max-width:430px){
  .vof-find-game .vof-game-inner{min-height:650px}
  .vof-find-game .vof-game-inner:before{width:116vw;height:440px}
  .vof-find-choice{min-height:70px;font-size:36px!important}
}

/* Find It — animated fruit background */
.vof-find-game{
  background:#52c9ff!important;
}
.vof-find-game::before,
.vof-find-game::after,
.vof-find-game .vof-game-inner::before,
.vof-find-game .vof-game-inner::after{
  content:none!important;
  display:none!important;
}
.vof-find-game .vof-game-bg-video{
  z-index:0;
}
.vof-find-game .vof-game-bg-overlay{
  z-index:1;
  background:linear-gradient(180deg,rgba(8,34,27,.08),rgba(8,34,27,.18));
}
.vof-find-game .vof-game-inner{
  position:relative;
  z-index:2;
}


@media(max-width:1024px){
  .vof-game-window{inset:1.5vh 1.5vw}
  .vof-game-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:767px){
  .elementor .elementor-element-b1000001{min-height:92vh;padding-top:115px}
  .vof-kids-hero-title .elementor-heading-title{font-size:68px!important}
  .elementor .elementor-element-b2000001{padding-top:60px}
  .vof-game-tile{min-height:250px}
  .vof-game-window{inset:0;border-width:0;border-radius:0}
  .vof-game-topbar{padding:10px 11px}
  .vof-game-brand strong{font-size:21px}
  .vof-game-brand-mark{width:40px;height:40px}
  .vof-game-stars{min-width:62px;padding:8px 10px}
  .vof-game-sound,.vof-game-close{width:40px;height:40px}
  .vof-game-stage{padding:22px 14px 34px}
  .vof-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .vof-game-choice{min-height:105px;padding:10px;font-size:17px}
  .vof-game-choice.big-emoji{font-size:45px}
  .vof-memory-grid,.vof-odd-grid{grid-template-columns:repeat(4,1fr)}
  .vof-memory-card{min-height:85px;font-size:34px;padding:8px}
}
@media(max-width:480px){
  .vof-game-controls{gap:5px}
  .vof-game-brand small{display:none}
  .vof-game-brand strong{font-size:18px}
  .vof-game-grid{grid-template-columns:repeat(2,1fr)}
  .vof-memory-grid,.vof-odd-grid{grid-template-columns:repeat(3,1fr)}
  .vof-puzzle-board{gap:14px;padding:8px;max-width:320px}
  .vof-puzzle-tile{min-height:110px;font-size:46px;padding:12px}
  .vof-puzzle-symbol{font-size:46px}
}


/* THEMED MINI-GAME SCENES — each game gets its own world */
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game){
  position:relative;
  isolation:isolate;
  overflow:auto;
  background:#eef7ff;
}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game) .vof-game-inner{
  position:relative;
  z-index:2;
}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game)::before,
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game)::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game)::before{
  inset:auto -8% -80px -8%;
  height:220px;
  border-radius:50% 50% 0 0;
  opacity:.42;
  animation:vofSceneDrift 7s ease-in-out infinite alternate;
}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game)::after{
  width:190px;
  height:190px;
  top:5%;
  right:4%;
  border-radius:50%;
  opacity:.18;
  filter:blur(2px);
  animation:vofSceneFloat 5s ease-in-out infinite;
}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game) .vof-game-choice{
  animation:vofGameChoiceIn .38s cubic-bezier(.2,.8,.2,1) both;
}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game) .vof-game-choice:nth-child(2){animation-delay:.04s}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game) .vof-game-choice:nth-child(3){animation-delay:.08s}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game) .vof-game-choice:nth-child(4){animation-delay:.12s}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game) .vof-game-choice:nth-child(5){animation-delay:.16s}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game) .vof-game-choice:nth-child(6){animation-delay:.20s}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game) .vof-game-choice:nth-child(7){animation-delay:.24s}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game) .vof-game-choice:nth-child(8){animation-delay:.28s}
.vof-game-stage[class*="vof-game-"]:not(.vof-find-game) .vof-sound-panel{
  animation:vofPanelBob 4s ease-in-out infinite;
}
@keyframes vofGameChoiceIn{
  from{opacity:0;transform:translateY(18px) scale(.92)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes vofSceneFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-12px,10px,0) scale(1.05)}
}
@keyframes vofSceneDrift{
  from{transform:translateX(-1.5%)}
  to{transform:translateX(1.5%)}
}
@keyframes vofPanelBob{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}

/* Picture Matching — animated jungle */
.vof-game-picture-match{
  position:relative;
  background:#163b2c!important;
}
.vof-game-picture-match::before,
.vof-game-picture-match::after{
  display:none!important;
}
.vof-game-bg-video{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  pointer-events:none;
}
.vof-game-bg-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(8,34,27,.18),rgba(8,34,27,.34));
}
.vof-game-picture-match .vof-game-inner{
  position:relative;
  z-index:2;
}
.vof-game-picture-match .vof-game-inner h2{
  color:#fff;
  text-shadow:0 4px 0 rgba(16,42,67,.35),0 10px 24px rgba(0,0,0,.24);
}
.vof-game-picture-match .vof-game-kicker,
.vof-game-picture-match .vof-game-instruction{
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.vof-game-picture-match .vof-game-instruction{
  display:inline-block;
  padding:10px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(3px);
}
.vof-game-picture-match .vof-memory-card{
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 0 rgba(16,42,67,.22),0 14px 28px rgba(0,0,0,.18);
}
.vof-game-picture-match .vof-memory-card.revealed,
.vof-game-picture-match .vof-memory-card.matched{
  background:#fffbe8;
}

/* Letter Match — ABC background */
.vof-game-letter-match{
  position:relative;
  background-color:#72d7ff!important;
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/ABC.png")!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.vof-game-letter-match::before,
.vof-game-letter-match::after{
  display:none!important;
}
.vof-game-letter-match .vof-game-inner{
  position:relative;
  z-index:2;
}
.vof-game-letter-match .vof-game-inner h2{
  color:#fff;
  text-shadow:0 4px 0 rgba(16,42,67,.35),0 10px 24px rgba(0,0,0,.24);
}
.vof-game-letter-match .vof-game-instruction{
  display:inline-block;
  padding:10px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  color:#102a43;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  backdrop-filter:blur(3px);
}
.vof-game-letter-match .vof-sound-panel{
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 0 rgba(16,42,67,.18),0 16px 30px rgba(0,0,0,.14);
}

/* Number Match — apple orchard background */
.vof-game-number-match{
  position:relative;
  background-color:#72d7ff!important;
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/apples.png")!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.vof-game-number-match::before,
.vof-game-number-match::after{
  display:none!important;
}
.vof-game-number-match .vof-game-inner{
  position:relative;
  z-index:2;
}
.vof-game-number-match .vof-game-inner h2{
  color:#fff;
  text-shadow:0 4px 0 rgba(16,42,67,.35),0 10px 24px rgba(0,0,0,.24);
}
.vof-game-number-match .vof-game-instruction{
  display:inline-block;
  padding:10px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  color:#102a43;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  backdrop-filter:blur(3px);
}

/* Color Splash — animated paint studio */
.vof-game-color-game{
  position:relative;
  background:#fff7ef!important;
}
.vof-game-color-game::before,
.vof-game-color-game::after{
  display:none!important;
}
.vof-game-color-game .vof-game-inner{
  position:relative;
  z-index:2;
}
.vof-game-color-game .vof-game-inner h2{
  color:#fff;
  text-shadow:0 4px 0 rgba(16,42,67,.35),0 10px 24px rgba(0,0,0,.24);
}
.vof-game-color-game .vof-game-instruction{
  display:inline-block;
  padding:10px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  color:#102a43;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  backdrop-filter:blur(3px);
}
.vof-game-color-game .vof-game-choice{
  box-shadow:0 8px 0 rgba(16,42,67,.22),0 14px 28px rgba(0,0,0,.18);
}

/* Shape Safari — illustrated shapes background */
.vof-game-shape-game{
  position:relative;
  background-color:#70c7ff!important;
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/shapes.png")!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.vof-game-shape-game::before,
.vof-game-shape-game::after{
  display:none!important;
}
.vof-game-shape-game .vof-game-inner{
  position:relative;
  z-index:2;
}
.vof-game-shape-game .vof-game-inner h2{
  color:#fff;
  text-shadow:0 4px 0 rgba(16,42,67,.35),0 10px 24px rgba(0,0,0,.24);
}
.vof-game-shape-game .vof-game-instruction{
  display:inline-block;
  padding:10px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  color:#102a43;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  backdrop-filter:blur(3px);
}

/* Animal Sounds — illustrated animal background */
.vof-game-animal-sounds{
  position:relative;
  background-color:#6ed3ff!important;
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/animal-sounds.png")!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.vof-game-animal-sounds::before,
.vof-game-animal-sounds::after{
  display:none!important;
}
.vof-game-animal-sounds .vof-game-inner{
  position:relative;
  z-index:2;
}
.vof-game-animal-sounds .vof-game-inner h2{
  color:#fff;
  text-shadow:0 4px 0 rgba(16,42,67,.35),0 10px 24px rgba(0,0,0,.24);
}
.vof-game-animal-sounds .vof-game-instruction{
  display:inline-block;
  padding:10px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  color:#102a43;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  backdrop-filter:blur(3px);
}
.vof-game-animal-sounds .vof-sound-panel{
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 0 rgba(16,42,67,.18),0 16px 30px rgba(0,0,0,.14);
}

/* What's Different — question-mark background */
.vof-game-different{
  position:relative;
  background-color:#7257e9!important;
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/question.png")!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.vof-game-different::before,
.vof-game-different::after{
  display:none!important;
}
.vof-game-different .vof-game-inner{
  position:relative;
  z-index:2;
}
.vof-game-different .vof-game-inner h2{
  color:#fff;
  text-shadow:0 4px 0 rgba(16,42,67,.35),0 10px 24px rgba(0,0,0,.24);
}
.vof-game-different .vof-game-instruction{
  display:inline-block;
  padding:10px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  color:#102a43;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  backdrop-filter:blur(3px);
}

/* Puzzle Play — illustrated puzzle-room background */
.vof-game-puzzle{
  position:relative;
  background-color:#8adeff!important;
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/puzzle-background.png")!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.vof-game-puzzle::before,
.vof-game-puzzle::after{
  display:none!important;
}
.vof-game-puzzle .vof-game-inner{
  position:relative;
  z-index:2;
}
.vof-game-puzzle .vof-game-inner h2{
  color:#fff;
  text-shadow:0 4px 0 rgba(16,42,67,.35),0 10px 24px rgba(0,0,0,.24);
}
.vof-game-puzzle .vof-game-instruction{
  display:inline-block;
  padding:10px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  color:#102a43;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  backdrop-filter:blur(3px);
}
.vof-game-puzzle .vof-sound-panel{
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 0 rgba(16,42,67,.18),0 16px 30px rgba(0,0,0,.14);
}

/* Noah's Ark Pairs — animated ark adventure */
.vof-game-noah-pairs{
  position:relative;
  background:#1b6f9c!important;
}
.vof-game-noah-pairs::before,
.vof-game-noah-pairs::after{
  display:none!important;
}
.vof-game-noah-pairs .vof-game-inner{
  position:relative;
  z-index:2;
}
.vof-game-noah-pairs .vof-game-inner h2{
  color:#fff;
  text-shadow:0 4px 0 rgba(16,42,67,.35),0 10px 24px rgba(0,0,0,.24);
}
.vof-game-noah-pairs .vof-game-instruction{
  display:inline-block;
  padding:10px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  backdrop-filter:blur(3px);
}
.vof-game-noah-pairs .vof-game-choice{
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 0 rgba(16,42,67,.22),0 14px 28px rgba(0,0,0,.18);
}

/* Creation Match — round-specific environments */
.vof-game-creation-match{
  position:relative;
  background-color:#7acff7!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.vof-game-creation-match::before,
.vof-game-creation-match::after{
  display:none!important;
}
.vof-game-creation-match.vof-creation-sky{
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/sky-image-scaled.jpg")!important;
}
.vof-game-creation-match.vof-creation-sea{
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/underwater-sea.jpg")!important;
}
.vof-game-creation-match.vof-creation-land{
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/land-image-scaled.jpg")!important;
}
.vof-game-creation-match .vof-game-inner{
  position:relative;
  z-index:2;
}
.vof-game-creation-match .vof-game-inner h2{
  color:#fff;
  text-shadow:0 4px 0 rgba(16,42,67,.35),0 10px 24px rgba(0,0,0,.24);
}
.vof-game-creation-match .vof-game-instruction{
  display:inline-block;
  padding:10px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  backdrop-filter:blur(3px);
}
.vof-game-creation-match .vof-game-choice{
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 0 rgba(16,42,67,.22),0 14px 28px rgba(0,0,0,.18);
}

/* Bible Story Match — round-specific story backgrounds */
.vof-game-bible-match{
  position:relative;
  background-color:#173d7a!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.vof-game-bible-match::before,
.vof-game-bible-match::after{
  display:none!important;
}
.vof-game-bible-match.vof-bible-jonah{
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/jonah.jpg")!important;
}
.vof-game-bible-match.vof-bible-noah{
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/noah-2-scaled.jpg")!important;
}
.vof-game-bible-match.vof-bible-david{
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/david2.png")!important;
}
.vof-game-bible-match.vof-bible-daniel{
  background-image:url("https://vofdaycare.com/wp-content/uploads/2026/09/Daniel-scaled.jpg")!important;
}
.vof-game-bible-match .vof-game-inner{
  position:relative;
  z-index:2;
}
.vof-game-bible-match .vof-game-inner h2{
  color:#fff;
  text-shadow:0 4px 0 rgba(16,42,67,.35),0 10px 24px rgba(0,0,0,.24);
}
.vof-game-bible-match .vof-game-instruction{
  display:inline-block;
  padding:10px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  color:#102a43;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  backdrop-filter:blur(3px);
}
.vof-game-bible-match .vof-game-choice{
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 0 rgba(16,42,67,.22),0 14px 28px rgba(0,0,0,.18);
}

@media(prefers-reduced-motion:reduce){
  .vof-game-tile,
  .vof-game-choice,
  .vof-confetti,
  .vof-sound-panel,
  .vof-game-stage[class*="vof-game-"]::before,
  .vof-game-stage[class*="vof-game-"]::after{transition:none!important;animation:none!important}
}
