/* Pisipouk Virtual Preschool — Artistic Director V2 */
:root{
  --vp-ink:#20205b;
  --vp-purple:#6938e8;
  --vp-purple-dark:#5126c8;
  --vp-sun:#ffc52f;
  --vp-coral:#ff6673;
  --vp-pink:#ff5b91;
  --vp-sky:#78d5ff;
  --vp-mint:#baf1cf;
  --vp-cream:#fffdf7;
  --vp-paper:#f8fbff;
}

html{scroll-behavior:smooth}
.preschool-kid-shell{min-height:100vh;background:#edf8ff;color:var(--vp-ink)}

/* =============== KID-FIRST NAVIGATION =============== */
.preschool-kid-chrome{
  position:sticky;top:0;z-index:220;
  width:min(1540px,calc(100% - 28px));min-height:76px;margin:10px auto 0;
  display:grid;grid-template-columns:minmax(190px,.75fr) minmax(620px,2.6fr) minmax(260px,1fr);
  align-items:center;gap:10px;padding:8px 12px;
  background:rgba(255,255,255,.94);border:1px solid rgba(99,76,191,.10);border-radius:28px;
  box-shadow:0 18px 55px rgba(42,40,104,.14);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)
}
.preschool-kid-logo{display:flex;align-items:center;gap:9px;padding:5px 8px;text-decoration:none;color:var(--vp-purple);min-width:0}
.preschool-kid-logo>span:last-child{display:flex;flex-direction:column;line-height:1}
.preschool-kid-logo b{font-size:1.18rem;letter-spacing:-.035em;font-weight:1000}
.preschool-kid-logo small{font-size:.62rem;margin-top:4px;font-weight:950;letter-spacing:.08em;color:#7357db;white-space:nowrap}
.preschool-kid-mascot{width:42px;height:42px;display:grid;place-items:center;font-size:1.9rem;background:#fff3a5;border-radius:16px;transform:rotate(-7deg);box-shadow:0 8px 18px rgba(255,197,47,.25)}
.preschool-kid-nav{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0}
.preschool-kid-nav a{height:48px;display:flex;align-items:center;gap:7px;padding:0 11px;border-radius:17px;text-decoration:none;color:#323260;font-size:.82rem;font-weight:900;white-space:nowrap;transition:.18s ease}
.preschool-kid-nav a svg{width:20px;height:20px;stroke-width:2.7}
.preschool-kid-nav a:hover,.preschool-kid-nav a.is-active{background:#eef2ff;color:var(--vp-purple);transform:translateY(-1px)}
.preschool-kid-actions{display:flex;justify-content:flex-end;gap:7px;align-items:center}
.preschool-kid-actions a{height:48px;display:flex;align-items:center;gap:7px;padding:0 13px;border-radius:17px;text-decoration:none;font-size:.82rem;font-weight:950;white-space:nowrap}
.preschool-kid-actions svg{width:19px;height:19px}
.preschool-today{position:relative;background:#fff;color:#4f4f78;border:1px solid #e8e4fa}
.preschool-today i{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff4d67;top:7px;right:10px}
.preschool-parent-gate{color:#fff;background:linear-gradient(135deg,#7143ef,#8b47f3);box-shadow:0 9px 20px rgba(105,56,232,.24)}

/* =============== GLOBAL WORLD =============== */
.vp{position:relative;overflow:hidden;background:linear-gradient(180deg,#edf9ff 0,#fff 22%,#f9f7ff 55%,#fff9ee 100%);color:var(--vp-ink)}
.vp:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:radial-gradient(circle at 1px 1px,rgba(91,64,170,.08) 1px,transparent 0);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 17%,transparent 85%,#000)}
.vp>section{position:relative;z-index:1}
.vp .mx-auto.max-w-7xl{max-width:1480px!important}
.vp h1,.vp h2,.vp h3{letter-spacing:-.045em}
.vp button,.vp a{touch-action:manipulation}

/* =============== HERO =============== */
.vp>section:first-of-type{
  min-height:650px;border:0!important;overflow:hidden;
  background:
    radial-gradient(circle at 4% 72%,rgba(255,220,92,.35),transparent 19%),
    radial-gradient(circle at 92% 12%,rgba(174,244,210,.55),transparent 25%),
    linear-gradient(118deg,#fefefe 0%,#f7fbff 44%,#dff4ff 70%,#c7efff 100%)!important;
}
.vp>section:first-of-type:before{content:"";position:absolute;left:-68px;top:120px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.62);box-shadow:0 0 0 34px rgba(255,255,255,.24)}
.vp>section:first-of-type:after{content:"✦";position:absolute;right:46%;top:40px;color:#ffc52f;font-size:64px;filter:drop-shadow(0 8px 15px rgba(255,197,47,.25));animation:vpFloat 4.8s ease-in-out infinite}
.vp>section:first-of-type>div.mx-auto{width:min(1510px,calc(100% - 36px));display:grid!important;grid-template-columns:minmax(470px,.9fr) minmax(620px,1.22fr)!important;gap:18px!important;padding:34px 0 42px!important;align-items:center!important}
.vp>section:first-of-type>div.mx-auto>div:first-child{position:relative;z-index:4;padding:12px 0 2px}
.vp>section:first-of-type>div.mx-auto>div:first-child>div:first-child{display:inline-flex!important;background:#fff!important;color:var(--vp-purple)!important;border:1px solid #ece5ff!important;box-shadow:0 10px 24px rgba(91,64,170,.08)!important;padding:9px 14px!important;border-radius:999px!important}
.vp>section:first-of-type h1{max-width:720px!important;margin-top:18px;font-size:clamp(3.7rem,6.6vw,7.1rem)!important;line-height:.87!important;font-weight:1000!important;color:var(--vp-purple-dark)!important;text-shadow:0 2px 0 rgba(255,255,255,.6)}
.vp>section:first-of-type h1 span{display:inline-block;margin-top:6px;background:linear-gradient(105deg,#ffbd24 0%,#ffbd24 40%,#ff6377 68%,#ff6377 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.vp>section:first-of-type p{margin-top:18px!important;max-width:650px!important;color:#44466d!important;font-size:clamp(1rem,1.34vw,1.2rem)!important;line-height:1.48!important;font-weight:720!important}

/* age selectors */
.vp>section:first-of-type .mt-6.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:22px!important}
.vp>section:first-of-type .mt-6.grid button{min-height:96px!important;border:2px solid transparent!important;border-radius:22px!important;padding:15px 14px!important;color:#2b2b67!important;box-shadow:0 10px 26px rgba(63,56,126,.08)!important;transition:.18s ease!important}
.vp>section:first-of-type .mt-6.grid button:nth-child(1){background:linear-gradient(135deg,#fff4b5,#ffe98c)!important}
.vp>section:first-of-type .mt-6.grid button:nth-child(2){background:linear-gradient(135deg,#d9f6ff,#bcecff)!important}
.vp>section:first-of-type .mt-6.grid button:nth-child(3){background:linear-gradient(135deg,#eee2ff,#ddceff)!important}
.vp>section:first-of-type .mt-6.grid button[class*="border-pink"]{border-color:#fff!important;outline:3px solid rgba(105,56,232,.22);transform:translateY(-2px);box-shadow:0 16px 32px rgba(82,59,170,.14)!important}
.vp>section:first-of-type .mt-6.grid button div:first-child{font-size:1rem!important}
.vp>section:first-of-type .mt-6.grid button div:last-child{margin-top:5px!important;color:#5e5d7d!important;line-height:1.25!important;opacity:.85}

/* hero actions */
.vp>section:first-of-type .mt-7{margin-top:18px!important}
.vp>section:first-of-type .mt-7 button{min-height:55px;border-radius:18px!important;padding:0 22px!important;font-size:.98rem!important;font-weight:950!important}
.vp>section:first-of-type .mt-7 button:first-child{background:linear-gradient(135deg,#ffd648,#ffc52f)!important;color:#26245c!important;box-shadow:0 13px 25px rgba(255,197,47,.24)!important}
.vp>section:first-of-type .mt-7 button:last-child{background:#fff!important;color:#39376b!important;border:1px solid #e9e3ff!important;box-shadow:0 10px 24px rgba(65,58,115,.08)!important}

/* hero visual — never black */
.vp>section:first-of-type>div.mx-auto>div:last-child{
  min-height:535px!important;overflow:hidden!important;position:relative!important;padding:0!important;border-radius:52px 52px 42px 42px!important;
  background-image:none!important;background:linear-gradient(180deg,#a9e6ff 0%,#dff7ff 58%,#c8f0c9 59%,#d7efb0 100%)!important;
  border:8px solid rgba(255,255,255,.88)!important;box-shadow:0 34px 80px rgba(55,70,130,.20)!important;isolation:isolate
}
.vp>section:first-of-type>div.mx-auto>div:last-child:before{content:"";position:absolute;inset:auto -5% -10% -5%;height:42%;z-index:0;background:radial-gradient(ellipse at 50% 30%,#b1e890 0,#8ed982 48%,#73cc72 100%);border-radius:50% 50% 0 0}
.vp>section:first-of-type>div.mx-auto>div:last-child:after{content:"🌳";position:absolute;right:-10px;top:48px;z-index:1;font-size:10rem;filter:drop-shadow(0 20px 20px rgba(58,103,78,.18));transform:rotate(4deg)}
.vp>section:first-of-type>div.mx-auto>div:last-child>div:first-child{opacity:1!important;z-index:2!important;inset:0!important;border-radius:44px!important;background:transparent!important}
.vp>section:first-of-type>div.mx-auto>div:last-child>div:first-child>div:nth-child(1){left:38px!important;top:35px!important;font-size:5.4rem!important;filter:drop-shadow(0 10px 16px rgba(255,181,44,.25))}
.vp>section:first-of-type>div.mx-auto>div:last-child>div:first-child>div:nth-child(2){height:0!important}
.vp>section:first-of-type>div.mx-auto>div:last-child>div:first-child>div:nth-child(3){left:12%!important;bottom:110px!important;font-size:6.3rem!important}
.vp>section:first-of-type>div.mx-auto>div:last-child>div:first-child>div:nth-child(4){left:31%!important;bottom:68px!important;font-size:8.8rem!important;filter:drop-shadow(0 18px 18px rgba(55,66,112,.13))}
.vp>section:first-of-type>div.mx-auto>div:last-child>div:first-child>div:nth-child(5){left:51%!important;bottom:65px!important;font-size:8.8rem!important;filter:drop-shadow(0 18px 18px rgba(55,66,112,.13))}
.vp>section:first-of-type>div.mx-auto>div:last-child>div:first-child>div:nth-child(6){right:5%!important;bottom:88px!important;font-size:8.5rem!important;filter:drop-shadow(0 18px 18px rgba(55,66,112,.14))}
.vp>section:first-of-type>div.mx-auto>div:last-child>div:first-child>div:nth-child(7){left:39%!important;bottom:19px!important;font-size:4.8rem!important}
.vp>section:first-of-type>div.mx-auto>div:last-child>div:last-child{z-index:5!important;right:22px!important;top:20px!important;background:rgba(255,255,255,.92)!important;color:#383565!important;border-radius:18px!important;box-shadow:0 13px 34px rgba(52,53,105,.14)!important;padding:12px 16px!important}

/* =============== DISCOVERY / TODAY WORLDS =============== */
.vp #today{width:min(1480px,calc(100% - 36px));padding:34px 0 38px!important}
.vp #today>div:first-child{margin-bottom:18px!important;align-items:end!important}
.vp #today>div:first-child>div:first-child>div:first-child{color:#f4a915!important;letter-spacing:.15em!important}
.vp #today h2{font-size:clamp(2.3rem,4vw,4.3rem)!important;line-height:.95!important;color:#282667!important}
.vp #today>div:first-child>div:last-child{background:#effbf4!important;color:#32765d!important;border:1px solid #d3f0e0!important}
.vp #today>.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.vp #today>.grid>div{position:relative;overflow:hidden;min-height:230px!important;padding:22px!important;border-radius:28px!important;box-shadow:0 15px 38px rgba(63,60,116,.08)!important;border:1px solid rgba(95,70,190,.07)!important;transition:.2s ease}
.vp #today>.grid>div:hover{transform:translateY(-4px)}
.vp #today>.grid>div:nth-child(1){background:linear-gradient(135deg,#fff0d1,#fff7e8)!important}
.vp #today>.grid>div:nth-child(2){background:linear-gradient(135deg,#ffe7ec,#fff3f5)!important}
.vp #today>.grid>div:nth-child(3){background:linear-gradient(135deg,#def7e9,#f0fff7)!important}
.vp #today>.grid>div:nth-child(4){background:linear-gradient(135deg,#ddf1ff,#f0f9ff)!important}
.vp #today>.grid>div:after{position:absolute;right:-3px;bottom:-12px;font-size:5.8rem;opacity:.22;transform:rotate(-7deg)}
.vp #today>.grid>div:nth-child(1):after{content:"📚"}.vp #today>.grid>div:nth-child(2):after{content:"🎮"}.vp #today>.grid>div:nth-child(3):after{content:"🎨"}.vp #today>.grid>div:nth-child(4):after{content:"🤸"}
.vp #today>.grid h3{font-size:1.65rem!important;margin-top:18px!important;color:#292760!important}
.vp #today>.grid p{max-width:78%;line-height:1.5!important;color:#585878!important}

/* =============== WATCH / STORIES =============== */
.vp #watch{padding:44px 0 46px!important;color:var(--vp-ink)!important;background:linear-gradient(145deg,#f0eaff,#edf8ff)!important;overflow:hidden}
.vp #watch:before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:#c9b5ff;filter:blur(75px);opacity:.28;right:-90px;top:-120px}
.vp #watch>div{width:min(1480px,calc(100% - 36px));padding:0!important}
.vp #watch .text-cyan-300{color:var(--vp-purple)!important}
.vp #watch .text-blue-100{color:#626184!important}
.vp #watch h2{font-size:clamp(2.35rem,4vw,4.5rem)!important;line-height:.95!important;color:#292660!important}
.vp #watch>.mx-auto>div:last-child{display:flex!important;overflow-x:auto;gap:13px!important;scroll-snap-type:x mandatory;padding:2px 2px 15px}
.vp #watch article{min-width:min(360px,84vw);max-width:390px;scroll-snap-align:start;border-radius:28px!important;background:#fff!important;color:var(--vp-ink)!important;box-shadow:0 16px 40px rgba(64,60,119,.10)!important;border:1px solid rgba(105,56,232,.07)}
.vp #watch article:hover{transform:translateY(-4px)}
.vp #watch article .p-5{padding:18px!important}
.vp #watch article .aspect-video{background:linear-gradient(135deg,#dff7ff,#ffe9f4)!important}
.vp #watch article .aspect-video button{width:62px!important;height:62px!important;background:#ff5f8f!important;box-shadow:0 12px 28px rgba(255,95,143,.30)!important}

/* =============== GAME GALAXY =============== */
.vp #games{max-width:none!important;width:100%!important;padding:42px max(18px,calc((100vw - 1480px)/2)) 50px!important;background:linear-gradient(180deg,#fff 0%,#f8f6ff 100%)}
.vp #games>div:first-child{margin-bottom:16px!important}
.vp #games>div:first-child h2{font-size:clamp(2.45rem,4.2vw,4.8rem)!important;line-height:.94!important;color:#2a2865}
.vp #games>div:first-child>div:first-child>div:first-child{color:var(--vp-purple)!important}
.vp #games>div:first-child>div:last-child{background:#fff0ad!important;color:#6c5700!important}
.vp #games>div:nth-child(2){margin-bottom:18px!important}
.vp #games>div:nth-child(2) button{min-height:44px;border-radius:999px!important;border:1px solid #e8e1ff!important;box-shadow:0 7px 18px rgba(64,57,118,.05)!important}
.vp #games>div:nth-child(3){gap:11px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.vp #games>div:nth-child(3)>button{min-height:210px;padding:18px!important;border-radius:26px!important;background:#fff!important;box-shadow:0 14px 38px rgba(62,58,112,.08)!important;border:2px solid transparent!important}
.vp #games>div:nth-child(3)>button:hover{transform:translateY(-4px);border-color:#ddd4ff!important;box-shadow:0 22px 48px rgba(62,58,112,.13)!important}
.vp #games>div:nth-child(3)>button>div:first-child{width:60px!important;height:60px!important;font-size:2.15rem!important;border-radius:19px!important}
.vp #games>div:nth-child(3) h3{font-size:1.18rem!important;line-height:1.12!important;color:#2c2b67}
.vp #preschool-game-player{margin-top:20px!important;border-radius:34px!important;background:linear-gradient(135deg,#6d5dfc,#8b5df1,#ff6d92)!important;padding:4px!important;box-shadow:0 27px 75px rgba(83,67,171,.20)!important}
.vp #preschool-game-player>div{border-radius:31px!important;padding:clamp(18px,2.6vw,34px)!important}
.vp #preschool-game-player aside{border-radius:26px!important}
.vp #preschool-game-player .min-h-\[420px\]{min-height:360px!important;border-radius:26px!important}

/* =============== CREATE ATELIER =============== */
.vp #create{padding:44px 0!important;background:linear-gradient(135deg,#fff2d9 0%,#fff0f6 46%,#edf9ff 100%)!important}
.vp #create>div{width:min(1480px,calc(100% - 36px));padding:0!important}
.vp #create>div>div:first-child{margin-bottom:18px!important}
.vp #create h2{font-size:clamp(2.4rem,4vw,4.6rem)!important;line-height:.95!important;color:#2a2865}
.vp #create>div>.grid{gap:14px!important}
.vp #create>div>.grid>div{border-radius:30px!important;padding:22px!important;background:#fff!important;box-shadow:0 17px 48px rgba(95,73,114,.09)!important;border:1px solid rgba(255,255,255,.92)}
.vp #create .aspect-square{aspect-ratio:4/3!important;border-radius:24px!important}
.vp #create .h-10.w-10{width:45px!important;height:45px!important}
.vp #create .grid.grid-cols-2.gap-3.sm\:grid-cols-3{gap:8px!important}
.vp #create .grid.grid-cols-2.gap-3.sm\:grid-cols-3 button{min-height:90px;border-radius:20px!important}

/* =============== SEASONAL CALENDAR =============== */
.vp #calendar{width:min(1480px,calc(100% - 36px));padding:38px 0 44px!important}
.vp #calendar>div:first-child{margin-bottom:16px!important}
.vp #calendar>div:first-child h2{font-size:clamp(2.1rem,3.6vw,4rem)!important;color:#2a2865}
.vp #calendar>div:nth-child(2){margin-bottom:12px!important;border-radius:28px!important;padding:20px!important;box-shadow:0 17px 42px rgba(82,70,116,.10)!important}
.vp #calendar>div:nth-child(3){display:flex!important;overflow-x:auto;gap:10px!important;padding-bottom:10px;scroll-snap-type:x mandatory}
.vp #calendar article{min-width:250px;scroll-snap-align:start;border-radius:24px!important;padding:18px!important;box-shadow:0 12px 32px rgba(60,59,100,.07)!important;border:1px solid rgba(90,70,150,.06)}

/* =============== PARENT END CAP =============== */
.vp>section:last-of-type{padding:40px 0!important;background:linear-gradient(135deg,#e8fff2,#f6f1ff,#fff6dd)!important}
.vp>section:last-of-type>div{width:min(1480px,calc(100% - 36px));padding:0!important;gap:12px!important}
.vp>section:last-of-type>div>div{border-radius:27px!important;padding:22px!important;box-shadow:0 13px 35px rgba(70,63,118,.07)!important}

@keyframes vpFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}

/* =============== TABLET =============== */
@media(max-width:1180px){
  .preschool-kid-chrome{grid-template-columns:180px 1fr auto;width:calc(100% - 18px);margin-top:7px}
  .preschool-kid-nav{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}
  .preschool-kid-nav a{padding:0 9px}.preschool-kid-nav a span{display:none}
  .preschool-kid-actions .preschool-today span{display:none}
  .vp>section:first-of-type>div.mx-auto{grid-template-columns:1fr 1fr!important}
  .vp>section:first-of-type h1{font-size:clamp(3.25rem,7vw,5.8rem)!important}
  .vp #games>div:nth-child(3){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* =============== MOBILE / SMALL TABLET =============== */
@media(max-width:820px){
  .preschool-kid-chrome{position:sticky;top:0;width:100%;min-height:64px;margin:0;border-radius:0;grid-template-columns:auto 1fr auto;padding:7px 9px}
  .preschool-kid-logo b{font-size:1rem}.preschool-kid-logo small{display:none}.preschool-kid-mascot{width:38px;height:38px;font-size:1.55rem}
  .preschool-kid-nav{position:fixed;z-index:221;left:8px;right:8px;bottom:8px;height:66px;justify-content:space-around;overflow:visible;background:rgba(255,255,255,.96);border:1px solid #eae6fa;border-radius:23px;box-shadow:0 15px 38px rgba(44,41,92,.19);padding:4px}
  .preschool-kid-nav a{height:56px;min-width:52px;padding:0 8px;flex-direction:column;justify-content:center;gap:2px;font-size:.62rem}.preschool-kid-nav a span{display:block}.preschool-kid-nav a svg{width:20px;height:20px}
  .preschool-kid-nav a:nth-child(6){display:none}
  .preschool-kid-actions .preschool-today{display:none}.preschool-parent-gate{width:44px!important;padding:0!important;justify-content:center}.preschool-parent-gate span{display:none}
  .vp{padding-bottom:76px}
  .vp>section:first-of-type{min-height:auto;padding-bottom:4px}
  .vp>section:first-of-type>div.mx-auto{width:calc(100% - 20px);grid-template-columns:1fr!important;padding:20px 0 14px!important;gap:14px!important}
  .vp>section:first-of-type h1{font-size:clamp(3.35rem,15vw,5.1rem)!important;line-height:.86!important}
  .vp>section:first-of-type p{font-size:1rem!important;margin-top:14px!important}
  .vp>section:first-of-type .mt-6.grid{grid-template-columns:1fr!important;gap:7px!important}
  .vp>section:first-of-type .mt-6.grid button{min-height:72px!important}
  .vp>section:first-of-type .mt-7{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .vp>section:first-of-type .mt-7 button{padding:0 12px!important;font-size:.84rem!important}
  .vp>section:first-of-type>div.mx-auto>div:last-child{min-height:360px!important;border-radius:32px!important;border-width:5px!important}
  .vp>section:first-of-type>div.mx-auto>div:last-child>div:first-child>div:nth-child(4),.vp>section:first-of-type>div.mx-auto>div:last-child>div:first-child>div:nth-child(5){font-size:6.3rem!important}
  .vp>section:first-of-type>div.mx-auto>div:last-child>div:first-child>div:nth-child(6){font-size:6.6rem!important}
  .vp #today{width:calc(100% - 20px);padding:28px 0!important}
  .vp #today>.grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.vp #today>.grid>div{min-height:190px!important;padding:18px!important}
  .vp #watch>div,.vp #create>div,.vp #calendar,.vp>section:last-of-type>div{width:calc(100% - 20px)!important}
  .vp #games{padding:32px 10px 38px!important}.vp #games>div:nth-child(3){grid-template-columns:1fr 1fr!important;gap:8px!important}.vp #games>div:nth-child(3)>button{min-height:190px!important;padding:15px!important}
}

@media(max-width:520px){
  .preschool-kid-logo>span:last-child{display:none}
  .vp>section:first-of-type h1{font-size:clamp(3rem,16vw,4.25rem)!important}
  .vp>section:first-of-type .mt-7{grid-template-columns:1fr!important}
  .vp>section:first-of-type>div.mx-auto>div:last-child{min-height:300px!important}
  .vp #today>.grid{grid-template-columns:1fr!important}.vp #today>.grid>div{min-height:170px!important}
  .vp #games>div:nth-child(3){grid-template-columns:1fr!important}.vp #games>div:nth-child(3)>button{min-height:175px!important}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vp *{animation:none!important;transition:none!important}}