/* Desktop UI v68 — restrained navigation icons and a clean compact chat. */

@media (min-width: 761px) {
  .game-screen .desktop-dock,
  .game-screen .world-rail,
  .game-screen .chat-panel.chat-messenger {
    font-family: var(--ui-font, "Onest PokePark", "Segoe UI", system-ui, sans-serif) !important;
  }

  .game-screen .desktop-dock button {
    border: 1px solid color-mix(in srgb, var(--theme-muted) 18%, var(--theme-border)) !important;
    background: color-mix(in srgb, var(--theme-card) 92%, transparent) !important;
    box-shadow: 0 10px 24px rgba(8, 38, 55, .12), inset 0 1px var(--ui-highlight) !important;
  }

  .game-screen .desktop-dock button > span {
    border: 1px solid color-mix(in srgb, var(--theme-accent) 10%, var(--theme-border)) !important;
    background: color-mix(in srgb, var(--theme-surface-soft) 82%, transparent) !important;
  }

  .game-screen .desktop-dock-icon-v68 {
    width: calc(var(--desktop-nav-icon-size) - 4px) !important;
    height: calc(var(--desktop-nav-icon-size) - 4px) !important;
    filter: none !important;
  }

  .game-screen .desktop-dock button:hover,
  .game-screen .desktop-dock button.is-active,
  .game-screen .desktop-dock button.is-menu-open {
    border-color: color-mix(in srgb, var(--theme-accent) 46%, var(--theme-border)) !important;
    background: color-mix(in srgb, var(--theme-accent) 7%, var(--theme-card)) !important;
    box-shadow: 0 13px 28px rgba(8, 49, 72, .16), inset 0 1px var(--ui-highlight) !important;
  }

  .game-screen .desktop-dock button:hover .desktop-dock-icon-v68,
  .game-screen .desktop-dock button.is-active .desktop-dock-icon-v68,
  .game-screen .desktop-dock button.is-menu-open .desktop-dock-icon-v68 {
    transform: translateY(-1px) !important;
    filter: none !important;
  }

  .game-screen .desktop-dock button > b {
    color: color-mix(in srgb, var(--theme-text) 88%, var(--theme-muted)) !important;
    font-family: inherit !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
  }

  .game-screen .chat-panel.chat-messenger {
    --chat-ui-blue: var(--theme-accent, #2297e6);
  }

  .game-screen .chat-panel.chat-messenger .chat-head,
  .game-screen .chat-panel.chat-messenger .chat-title-copy,
  .game-screen .chat-panel.chat-messenger button,
  .game-screen .chat-panel.chat-messenger input,
  .game-screen .chat-panel.chat-messenger textarea {
    font-family: inherit !important;
  }

  .game-screen .chat-panel.is-minimized {
    width: clamp(310px, 25vw, 382px) !important;
    min-width: 310px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    padding: 7px 8px 7px 11px !important;
    border: 1px solid color-mix(in srgb, var(--theme-muted) 18%, var(--theme-border)) !important;
    border-radius: 16px !important;
    background: color-mix(in srgb, var(--theme-card) 94%, transparent) !important;
    box-shadow: 0 13px 30px rgba(5, 36, 53, .15), inset 0 1px var(--ui-highlight) !important;
  }

  .game-screen .chat-panel.is-minimized .chat-head {
    min-height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer;
  }

  .game-screen .chat-panel.is-minimized .chat-title-copy {
    gap: 2px !important;
  }

  .game-screen .chat-panel.is-minimized .chat-title-copy > b {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: var(--theme-text) !important;
    font-size: 13px !important;
    font-weight: 820 !important;
    line-height: 1.15 !important;
  }

  .game-screen .chat-panel.is-minimized .chat-title-icon {
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    padding: 6px !important;
    border: 1px solid color-mix(in srgb, var(--theme-accent) 18%, var(--theme-border)) !important;
    border-radius: 9px !important;
    background: color-mix(in srgb, var(--theme-accent) 7%, var(--theme-surface-soft)) !important;
    color: var(--theme-accent) !important;
  }

  .game-screen .chat-panel.is-minimized .chat-title-copy > small {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 2px 0 0 34px !important;
    color: var(--theme-muted) !important;
    font-size: 7.5px !important;
    font-weight: 690 !important;
    line-height: 1 !important;
  }

  .game-screen .chat-panel.is-minimized .chat-title-copy > small i {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #37bf79 !important;
    box-shadow: 0 0 0 3px rgba(55, 191, 121, .1) !important;
  }

  .game-screen .chat-panel.is-minimized .chat-head-actions {
    gap: 5px !important;
  }

  .game-screen .chat-panel.is-minimized .chat-head-actions [data-chat-search-toggle],
  .game-screen .chat-panel.is-minimized .chat-minimize {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    border: 1px solid color-mix(in srgb, var(--theme-muted) 18%, var(--theme-border)) !important;
    border-radius: 11px !important;
    background: color-mix(in srgb, var(--theme-surface-soft) 88%, transparent) !important;
    color: var(--theme-text) !important;
  }

  .game-screen .chat-panel.is-minimized .chat-head-actions [data-chat-search-toggle]:hover,
  .game-screen .chat-panel.is-minimized .chat-minimize:hover {
    border-color: color-mix(in srgb, var(--theme-accent) 42%, var(--theme-border)) !important;
    background: color-mix(in srgb, var(--theme-accent) 8%, var(--theme-card)) !important;
    color: var(--theme-accent) !important;
  }
}

@media (min-width: 761px) and (max-width: 980px) {
  .game-screen .chat-panel.is-minimized {
    width: 292px !important;
    min-width: 292px !important;
  }
}