.hot.is-down,.hot.is-press{filter:none}
.hot.start.is-down,.hot.start.is-press{
  transform:translate(-50%,calc(-50% + 6px)) scale(.96)
}
.hot.go{
  z-index:5;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(#ffe08a 0%,#ffb340 46%,#f08a14 100%);
  box-shadow:0 0 0 3px #fff6e4,0 7px 0 #d06a0e,0 12px 16px rgba(40,20,0,.22),inset 0 3px 0 rgba(255,255,255,.45);
  color:#fff;
  font:800 clamp(16px,2.6vmin,24px)/1 "Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  text-shadow:0 1px 0 #c45e0c;
  transition:transform .08s ease,box-shadow .08s ease
}
.hot.go span{position:static;width:auto;height:auto;overflow:visible;clip:auto}
.hot.go.is-down,.hot.go.is-press{
  transform:translate(-50%,calc(-50% + 7px)) scale(.97);
  box-shadow:0 0 0 3px #fff6e4,0 2px 0 #d06a0e,0 4px 8px rgba(40,20,0,.18),inset 0 2px 0 rgba(255,255,255,.3);
  filter:none
}
.hot.cell.is-down:not(.ox),.hot.cell.is-press:not(.ox){
  transform:scale(.94);
  filter:brightness(1.06)
}
.hot.ox{
  z-index:4;
  border-radius:24%;
  overflow:hidden;
  background:#3db818;
  box-shadow:0 8px 0 #1f7a0e,0 12px 18px rgba(40,20,0,.25);
  transition:transform .08s ease,box-shadow .08s ease
}
.hot.ox.x{
  background:#e32617;
  box-shadow:0 8px 0 #9a120c,0 12px 18px rgba(40,20,0,.25)
}
.hot.ox img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.hot.ox.is-down,.hot.ox.is-press{
  transform:translateY(8px) scale(.95);
  box-shadow:0 2px 0 #1f7a0e,0 4px 8px rgba(40,20,0,.2);
  filter:none
}
.hot.ox.x.is-down,.hot.ox.x.is-press{
  box-shadow:0 2px 0 #9a120c,0 4px 8px rgba(40,20,0,.2)
}
@media (max-width:899px) and (orientation:portrait){
  .frame.frame-fit{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    width:min(100vw,calc(100svh * 16 / 9)) !important;
    height:auto !important;
    aspect-ratio:16/9
  }
}