/* V4.32.31 — School becomes four visual Yvette adventures */
.school-mascot-worlds{
  gap:16px!important;
}
.school-mascot-worlds .world{
  position:relative!important;
  min-height:220px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:28px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
}
.school-world-scene{
  position:absolute;
  inset:0 0 58px 0;
  overflow:hidden;
  background:linear-gradient(145deg,#fff2a8,#ffd06b);
}
.reading-scene{background:linear-gradient(145deg,#ffd9eb,#f8a9d1);}
.science-scene{background:linear-gradient(145deg,#d7ffd2,#78dfb3);}
.stars-scene{background:linear-gradient(145deg,#fff2ad,#ffd365);}
.school-world-scene img{
  position:absolute!important;
  height:94%!important;
  width:auto!important;
  max-width:58%!important;
  object-fit:contain!important;
  left:8%!important;
  bottom:-3%!important;
  filter:drop-shadow(0 5px 3px rgba(0,0,0,.14));
}
.school-world-scene .school-prop{
  position:absolute;
  right:10%;
  top:18%;
  font-size:54px;
  line-height:1;
  filter:drop-shadow(0 3px 2px rgba(0,0,0,.12));
}
.school-world-scene i{
  position:absolute;
  right:8%;
  bottom:12%;
  font-style:normal;
  font-size:27px;
  font-weight:950;
  color:#154b83;
}
.school-world-label{
  position:relative;
  z-index:3;
  width:100%;
  min-height:70px;
  box-sizing:border-box;
  padding:10px 16px 12px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(3px);
  text-align:left;
}
.school-world-label strong{
  display:block!important;
  font-size:23px!important;
  line-height:1.05!important;
}
.school-world-label small{
  display:block!important;
  margin-top:4px!important;
  font-size:15px!important;
}
@media(max-width:650px){
  .school-mascot-worlds{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .school-mascot-worlds .world{min-height:190px!important;}
  .school-world-scene{inset:0 0 64px 0;}
  .school-world-scene img{max-width:66%!important;height:92%!important;left:3%!important;}
  .school-world-scene .school-prop{font-size:40px;right:7%;top:15%;}
  .school-world-scene i{font-size:20px;right:6%;}
  .school-world-label{min-height:66px;padding:8px 10px 9px;}
  .school-world-label strong{font-size:18px!important;}
  .school-world-label small{font-size:12px!important;}
}