/* Website only (rewards-dock.js adds .rewards-docked): one centered column whose frame
   scales with the window, and Rewards as a thin bar whose drawer opens upward. */
body.rewards-docked .game-layout {
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100%; max-width: 920px; margin-left: auto; margin-right: auto;
}
body.rewards-docked .machine-panel { min-width: 0; }
body.rewards-docked .right-panel {
  display: block; position: relative; z-index: 6; width: min(100%, 520px); min-height: 0; margin: 4px auto 0;
  padding: 0; border: 0; background: none; box-shadow: none;
}
body.rewards-docked #quest-collapse-toggle {
  justify-content: center; width: 100%; height: 40px; padding: 0 12px; gap: 8px;
  border: 1px solid var(--gold); border-radius: 10px; background: #32131a; font-size: 13px; letter-spacing: .08em;
}
body.rewards-docked #quest-collapse-toggle .panel-icon { display: none; }
body.rewards-docked #quest-collapse-toggle .orb-collapse-label { flex: none; }
body.rewards-docked #quest-collapse-toggle .orb-collapse-arrow { transform: rotate(180deg); }
body.rewards-docked #quest-collapse-toggle[aria-expanded="true"] .orb-collapse-arrow { transform: none; }
body.rewards-docked #rewards-body {
  position: absolute; left: 0; right: 0; bottom: calc(100% + 6px);
  max-height: min(70vh, 560px); overflow: auto; overscroll-behavior: contain;
  padding: 12px 14px; border: 1px solid var(--gold); border-radius: 12px;
  background: #261019; box-shadow: 0 -8px 30px #000; text-align: left;
}
body.rewards-docked #rewards-body[hidden] { display: none; }
body.rewards-docked #rewards-body .side-divider { margin: 10px 0; }
.machine-panel > .rewards-dock-backdrop { position: fixed; inset: 0; z-index: 5; background: rgba(0, 0, 0, .5); }
.machine-panel > .rewards-dock-backdrop[hidden] { display: none; }
body.rewards-docked .game-shell { transform-origin: top center; }
html.game-fit-scaled, html.game-fit-scaled body { overflow: hidden; }
/* Short windows: trim the outer spacing so more of the height goes to the game. */
@media (max-height: 900px) {
  body.rewards-docked .game-shell { padding-top: 8px; padding-bottom: 8px; }
  body.rewards-docked .machine-panel { padding-top: 10px; padding-bottom: 10px; }
  body.rewards-docked .game-breadcrumb { margin-bottom: 4px; }
  body.rewards-docked .in-panel-topbar { margin-bottom: 4px; }
}
/* The rule reminders repeat the paytable; give their space to the reels on short windows. */
@media (max-height: 760px) {
  body.rewards-docked .game-rules-hint { display: none; }
}