.desk-rewards {
  --dr-ink: #173a32;
  --dr-muted: #50675f;
  --dr-line: #dce5df;
  color: var(--dr-ink);
  background: #fff;
  border-block: 1px solid var(--dr-line);
  padding: 16px 0 12px;
  font: 14px/1.45 var(--sans, "Figtree", system-ui, sans-serif);
  letter-spacing: 0;
  min-width: 0;
  container-type: inline-size;
}
.desk-rewards[hidden] { display: none !important; }
.desk-rewards * { box-sizing: border-box; letter-spacing: 0; }
.desk-rewards p, .desk-rewards h2 { margin: 0; }
/* The level box (2026-10-14, "just a dragon and level under it"): since rewards R1 no XP, meter or checkpoint beside it. */
.dr-rail { display: grid; justify-items: center; }
.dr-rail > * { min-width: 0; }
.dr-companion { display: grid; justify-items: center; text-align: center; gap: 2px; }
.dr-portrait { width: 64px; height: 64px; object-fit: contain; }
.dr-level { color: var(--dr-ink); font: 650 17px/1.3 var(--sans, "Figtree", system-ui, sans-serif); margin-top: 4px; }
@container (max-width: 480px) {
  .dr-portrait { width: 56px; height: 56px; }
}