/* Quest journal v68 — narrower desktop window, reliable dragging and a working HUD list toggle. */

.quest-journal-polish-v68 .quest-journal-head-v57 {
  justify-content: flex-start;
}

.quest-journal-polish-v68 .quest-journal-body-v57 {
  grid-template-columns: minmax(300px, .64fr) minmax(0, 1.46fr);
}

.game-screen .quest-widget .quest-hud-journal-v68 {
  border-color: color-mix(in srgb, var(--quest-accent) 36%, var(--theme-border));
  background: color-mix(in srgb, var(--quest-accent) 8%, var(--theme-card));
  color: var(--quest-accent);
}

.game-screen .quest-widget .quest-hud-journal-v68:hover {
  border-color: var(--quest-accent);
  background: var(--quest-accent);
  color: #fff;
}

@media (min-width: 801px) {
  .game-screen .side-panel.is-quest-panel {
    width: min(1180px, calc(100vw - 88px)) !important;
    height: min(800px, calc(100dvh - 52px)) !important;
    max-width: none !important;
    max-height: none !important;
  }

  .game-screen .side-panel.is-quest-panel.is-user-positioned,
  .game-screen .side-panel.is-quest-panel.is-user-positioned.is-open {
    position: fixed !important;
    top: var(--panel-user-top, 8px) !important;
    right: auto !important;
    bottom: auto !important;
    left: var(--panel-user-left, 8px) !important;
    transform: none !important;
    transition: opacity 160ms ease, box-shadow 160ms ease !important;
  }

  .game-screen .side-panel.is-quest-panel.is-panel-dragging {
    transform: none !important;
    transition: none !important;
    will-change: left, top;
    box-shadow: 0 30px 78px rgba(3, 31, 48, .34) !important;
  }

  .game-screen .side-panel.is-quest-panel.is-panel-dragging #sidePanelContent {
    pointer-events: none;
  }

  .quest-journal-polish-v68 .quest-journal-head-v57 { cursor: grab; }
  .quest-journal-polish-v68 .quest-journal-head-v57.is-dragging { cursor: grabbing; }

}

@media (max-width: 1180px) and (min-width: 801px) {
  .game-screen .side-panel.is-quest-panel {
    width: min(1040px, calc(100vw - 40px)) !important;
    height: min(760px, calc(100dvh - 32px)) !important;
    max-width: none !important;
    max-height: none !important;
  }

  .quest-journal-polish-v68 .quest-journal-body-v57 {
    grid-template-columns: minmax(285px, .62fr) minmax(0, 1.38fr);
  }
}

@media (max-width: 800px) {
  .quest-journal-polish-v68 .quest-journal-head-v57 { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .game-screen .side-panel.is-quest-panel.is-user-positioned { transition: none !important; }
}