/* TOTOSLOTJP — INFO QUICK MENU
   Isolated visual/interaction layer.
   Does not modify existing APIs, navigation, slot catalog or livechat.
*/
.jp-info-menu{
  position:fixed;
  left:8px;
  bottom:50px;
  z-index:99996;
  width:67px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  pointer-events:none;
}

.jp-info-menu__item,
.jp-info-menu__trigger{
  width:62px;
  height:58px;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  display:block;
  line-height:0;
  cursor:pointer;
  pointer-events:auto;
  border-radius:7px;
  overflow:hidden;
  box-shadow:none;
}

.jp-info-menu__item{
  opacity:0;
  transform:translateY(8px) scale(.94);
  visibility:hidden;
  transition:
    opacity .16s ease,
    transform .16s ease,
    visibility .16s ease;
}

.jp-info-menu.is-open .jp-info-menu__item{
  opacity:1;
  transform:translateY(0) scale(1);
  visibility:visible;
}

.jp-info-menu__item img,
.jp-info-menu__trigger img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  pointer-events:none;
}

.jp-info-menu__trigger{
  width:67px;
  height:auto;
  aspect-ratio:78 / 113;
  overflow:visible;
  border-radius:0;
  filter:drop-shadow(0 4px 9px rgba(255,190,35,.24));
  transition:filter .16s ease, transform .16s ease;
}

.jp-info-menu__trigger:hover,
.jp-info-menu__trigger:focus-visible{
  filter:
    drop-shadow(0 0 5px rgba(255,211,83,.78))
    drop-shadow(0 4px 9px rgba(255,190,35,.25));
  transform:scale(1.02);
  outline:none;
}

.jp-info-menu__trigger:focus-visible{
  outline:2px solid #ffd45a;
  outline-offset:2px;
  border-radius:7px;
}

.jp-info-menu__item:focus-visible{
  outline:2px solid #ffd45a;
  outline-offset:1px;
}

.jp-info-menu__item[data-disabled="true"]{
  cursor:pointer;
}

/* Existing badge is replaced by this interactive trigger. */
.jp-info-badge{
  display:none !important;
}

/* The original quick-menu is intended for the main/home/slot views. */
body.promo-view .jp-info-menu,
body.event-view .jp-info-menu{
  display:none !important;
}

@media(max-width:700px){
  .jp-info-menu{
    left:7px;
    bottom:70px;
    width:62px;
    gap:1px;
  }
  .jp-info-menu__item{
    width:58px;
    height:56px;
  }
  .jp-info-menu__trigger{
    width:62px;
  }
}