/* x001 art includes the entry and plus labels; retain DOM text for accessibility. */
.room-item .room-enter-cta {
  width: 142px;
  height: 44px;
  min-width: 0;
  padding: 0;
  color: transparent;
  text-shadow: none;
  background: url('/go/assets/lobby/buttons/btn-enter-green.webp') center / contain no-repeat;
  box-shadow: none;
}
.room-item .room-enter-cta::after { content: none; }
.room-item.has-four-icon .room-enter-cta {
  background: url('/go/assets/lobby/buttons/btn-enter-orange.webp') center / contain no-repeat;
  box-shadow: none;
}
.go-bottom-nav button:not(.nav-logout)::before {
  background: var(--nav-icon) center / contain no-repeat;
  mask: none;
  -webkit-mask: none;
}
.go-bottom-nav .nav-home { --nav-icon: url('/go/assets/lobby/buttons/nav_lobby_on.webp'); }
.go-bottom-nav .nav-report { --nav-icon: url('/go/assets/lobby/buttons/nav_report_off.webp'); }
.go-bottom-nav .nav-shop { --nav-icon: url('/go/assets/lobby/buttons/nav_shop_off.webp'); }
.go-bottom-nav .nav-service { --nav-icon: url('/go/assets/lobby/buttons/nav_service_off.webp'); }
.go-bottom-nav .nav-report:is(:hover, :focus-visible) { --nav-icon: url('/go/assets/lobby/buttons/nav_report_on.webp'); }
.go-bottom-nav .nav-shop:is(:hover, :focus-visible) { --nav-icon: url('/go/assets/lobby/buttons/nav_shop_on.webp'); }
.go-bottom-nav .nav-service:is(:hover, :focus-visible) { --nav-icon: url('/go/assets/lobby/buttons/nav_service_on.webp'); }
.go-bottom-nav button:focus-visible { outline: 2px solid #008fb5; outline-offset: 2px; }
.go-bottom-nav:has(.nav-report[aria-expanded="true"]) .nav-home {
  --nav-icon: url('/go/assets/lobby/buttons/nav_lobby_off.webp');
  color: #7895a7;
}
.go-bottom-nav .nav-report[aria-expanded="true"] {
  --nav-icon: url('/go/assets/lobby/buttons/nav_report_on.webp');
  color: #00b7e7;
}
.user-point-add {
  border: 0;
  background: url('/go/assets/lobby/buttons/btn_add.webp') center / contain no-repeat;
  color: transparent;
  text-shadow: none;
  box-shadow: none;
}
@media (max-width: 380px) {
  .room-item .room-enter-cta { width: 118px; }
}