/* Unified raster navigation artwork and flat icon/text menu v2.29.0. */

.game-ui-raster-v2290 {
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 2px 2px rgba(9,42,60,.18));
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}

.game-screen[data-icon-revision="v2290"] :is(.desktop-dock,.mobile-dock) [data-nav-icon] {
  display:grid;
  place-items:center;
  overflow:visible;
}

.game-screen[data-icon-revision="v2290"] :is(.desktop-dock,.mobile-dock) .mobile-nav-icon {
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  object-fit:contain!important;
}

/* The menu card is the only container: the artwork no longer sits in a second tile. */
.game-screen[data-icon-revision="v2290"] #desktopMoreMenu > button > :is(span[data-nav-icon],span[data-icon]) {
  display:grid!important;
  place-items:center!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.game-screen[data-icon-revision="v2290"] #desktopMoreMenu > button > :is(span[data-nav-icon],span[data-icon]) :is(.mobile-nav-icon,.ui-icon) {
  display:block!important;
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  object-fit:contain!important;
  overflow:visible!important;
}

.game-screen[data-icon-revision="v2290"] #desktopMoreMenu > button > b {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.game-screen[data-icon-revision="v2290"] .chat-title-icon > .game-ui-raster-v2290 {
  width:29px!important;
  height:29px!important;
}

.game-screen[data-icon-revision="v2290"] .chat-head-actions .game-ui-raster-v2290 {
  width:20px!important;
  height:20px!important;
  filter:none;
}

@media (min-width:761px) {
  .game-screen[data-icon-revision="v2290"] .desktop-dock .mobile-nav-icon {
    width:42px!important;
    height:42px!important;
  }
}

@media (max-width:760px), (pointer:coarse) and (max-height:560px) {
  body:not(.is-battling) .game-screen[data-icon-revision="v2290"] .mobile-dock .mobile-nav-icon {
    width:36px!important;
    height:36px!important;
  }

  body:not(.is-battling) .game-screen[data-icon-revision="v2290"] .mobile-dock > button:is(.is-active,.is-menu-open) .game-ui-raster-v2290 {
    filter:drop-shadow(0 3px 4px rgba(6,92,137,.22)) saturate(1.04);
  }

  body:not(.is-battling) .game-screen[data-icon-revision="v2290"] #desktopMoreMenu > button > :is(span[data-nav-icon],span[data-icon]) {
    flex-basis:34px!important;
    width:34px!important;
    height:34px!important;
  }

  body:not(.is-battling) .game-screen[data-icon-revision="v2290"] #desktopMoreMenu > button > :is(span[data-nav-icon],span[data-icon]) :is(.mobile-nav-icon,.ui-icon) {
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .game-screen[data-icon-revision="v2290"] .game-ui-raster-v2290 {
    transition:none!important;
    transform:none!important;
  }
}