.home-page .mini-previews{
  align-items:stretch!important;
  bottom:16px!important;
  gap:14px!important;
}
.home-page .mini-previews .mini-game-preview{
  position:relative;
  display:block;
  height:124px!important;
  overflow:hidden;
  border:4px solid rgba(255,255,255,.98)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 11px 24px rgba(37,67,94,.2),0 3px 0 rgba(65,132,87,.2)!important;
  isolation:isolate;
  transition:transform .2s ease,box-shadow .2s ease;
}
.home-page .mini-previews .mini-game-preview:hover,
.home-page .mini-previews .mini-game-preview:focus-visible{
  transform:translateY(-6px) rotate(-.4deg);
  box-shadow:0 18px 34px rgba(18,61,83,.3),0 0 0 3px #ffd43d!important;
}
.home-page .mini-previews .mini-game-preview:nth-child(2):hover,
.home-page .mini-previews .mini-game-preview:nth-child(2):focus-visible{transform:translateY(-6px) rotate(.4deg)}
.home-page .mini-previews .mini-game-preview>img{
  display:block;
  width:100%;
  height:82px;
  object-fit:cover;
  object-position:center;
  transform:scale(1.01);
  transition:transform .35s ease;
}
.home-page .mini-previews .mini-game-preview:hover>img{transform:scale(1.08)}
.home-page .mini-previews .mini-game-preview>span{
  position:absolute;
  inset:auto 0 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px;
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:8px!important;
  height:auto!important;
  min-height:38px!important;
  padding:5px 8px 5px 10px!important;
  overflow:visible!important;
  color:#112867;
  text-align:left;
  white-space:normal!important;
  background:rgba(255,255,255,.98)!important;
  z-index:2;
}
.home-page .mini-previews .mini-game-preview small{
  grid-column:1;
  color:#7b62dc;
  font:800 7px/1 "Trebuchet MS",Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-page .mini-previews .mini-game-preview strong{
  grid-column:1;
  padding:2px 0 0!important;
  overflow:hidden;
  color:#112867;
  font-size:11px!important;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-page .mini-previews .mini-game-preview span>b{
  grid-column:2;
  grid-row:1 / 3;
  align-self:center;
  display:grid;
  width:27px;
  height:27px;
  border:2px solid #fff;
  border-radius:50%;
  place-items:center;
  color:#112967;
  background:#ffd83d;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:0!important;
  box-shadow:0 3px 8px rgba(45,56,100,.2);
}
.home-page .mini-previews .mini-game-preview:nth-child(2) span>b{background:#71dfc2}
.home-page .mini-previews .mini-game-preview:nth-child(3) span>b{background:#ff8f9f}
@media(max-width:900px){
  .home-page .mini-previews{bottom:14px!important}
  .home-page .mini-previews .mini-game-preview{height:124px!important}
}
@media(max-width:600px){
  .home-page .letter-world{padding-bottom:0}
  .home-page .mini-previews{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    overflow:visible;
    padding:0;
  }
  .home-page .mini-previews .mini-game-preview{
    min-width:0;
    height:105px!important;
    border-width:3px!important;
    border-radius:14px!important;
  }
  .home-page .mini-previews .mini-game-preview>img{height:68px;object-position:center}
  .home-page .mini-previews .mini-game-preview>span{grid-template-columns:minmax(0,1fr) 22px;min-height:32px!important;padding:4px 5px 4px 7px!important}
  .home-page .mini-previews .mini-game-preview small{display:none}
  .home-page .mini-previews .mini-game-preview strong{font-size:9px!important;line-height:1.05}
  .home-page .mini-previews .mini-game-preview span>b{width:21px;height:21px;font-size:7px!important;border-width:1px}
}
@media(prefers-reduced-motion:reduce){
  .home-page .mini-previews .mini-game-preview,
  .home-page .mini-previews .mini-game-preview>img{transition:none}
}