.collection-economy-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:10px}
.collection-economy-wrap>.collection-economy{margin-bottom:0}
.collection-economy-wrap+.catalog-tools{margin-top:0}
.online-batch-controls{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;width:100%;min-width:0}
.online-batch-controls .gold-button{width:auto;min-width:0;padding:8px 14px;font-size:13px;white-space:nowrap}
.online-batch-controls .tool{white-space:nowrap}
.online-batch-controls .online-batch-summary{margin:0;font-size:12px;line-height:1.5;text-align:right;justify-self:end;overflow-wrap:anywhere;min-width:0}
.online-batch-pending{color:#a7e895}
.online-save-status{font-size:12px;color:#dcc79c}
.online-excess-result{position:fixed;inset:0;margin:auto;width:440px;height:fit-content;max-width:calc(100vw - 40px);max-height:80vh;color:#f3e2bd}
.online-excess-result::backdrop{background:rgba(0,0,0,.6)}
.online-excess-result h1{margin:0 0 16px;font-size:24px}
.online-excess-result p{margin:0 0 22px;font-size:14px;line-height:1.7}
.online-excess-result .gold-button{width:auto;padding:10px 32px}

.lobby-panel .online-population{font-size:12px;line-height:1.6;color:#b8a890;margin:8px 0 15px;text-align:center}
.lobby-panel .online-population b{font-weight:600;color:#e5c780}
/* The board corner stays clear of the log toggle, hand count and mana area. */
.arena > .battle-online-population {
  position: absolute;
  left: 18px;
  bottom: 18px;
  z-index: 41;
  width: max-content;
  max-width: calc(100% - 36px);
  margin: 0;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 5px;
  background: rgba(0, 0, 0, .62);
  color: #e6dcc9;
  font: 12px/1.25 'Microsoft YaHei', sans-serif;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

.arena > .battle-online-population b {
  color: #f2d69d;
  font-weight: 600;
}

@media (max-width: 540px) {
  .arena > .battle-online-population {
    left: 10px;
    bottom: 8px;
    padding: 4px 7px;
    font-size: 11px;
  }
}

/* Keep the help control inside the panel without adding a header row. */
.lobby-panel.menu-panel{position:relative}
.lobby-panel.menu-panel>.main-menu>button{min-height:164px;padding:18px 9px;gap:10px}
.lobby-panel.menu-panel>.main-menu>button>.menu-rank-icon{height:54px}
.lobby-panel.menu-panel .menu-rank-icon>.hs-rank-badge-compact{width:48px}
@media(max-width:650px){.lobby-panel.menu-panel>.main-menu>button{min-height:136px;padding:13px 6px;gap:7px}.lobby-panel.menu-panel>.main-menu>button>.menu-rank-icon{height:49px}.lobby-panel.menu-panel .menu-rank-icon>.hs-rank-badge-compact{width:44px}}
.lobby-feedback-button{position:absolute;z-index:10;top:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid #987640;border-radius:50%;font:bold 25px/1 Georgia,serif;color:#f4d692;background:radial-gradient(circle at 45% 25%,#635036,#302319);box-shadow:0 3px 10px #0007,inset 0 1px #ad895b66}
.lobby-feedback-button:focus-visible{outline:3px solid #f4d692;outline-offset:4px}
.feedback-modal{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;overflow-wrap:anywhere;color:#f3e2bd}
.feedback-modal::backdrop{background:rgba(0,0,0,.6)}
.feedback-modal .feedback-close{position:absolute;right:10px;top:10px;width:32px;height:32px}
.feedback-modal p{margin:18px 0 22px;font-size:14px}
.feedback-modal .feedback-group{display:block;margin-top:8px;color:#f4d692;font-size:24px;letter-spacing:2px;user-select:text}
.feedback-modal>.gold-button{width:auto;padding:10px 28px}
@media(max-width:420px){.feedback-modal{padding:34px 22px 24px}.feedback-modal h1{font-size:24px;letter-spacing:2px}}

.modal .settlement-rewards-note.ranked-promotion-highlight{margin:18px 0;padding:12px 16px;border:1px solid #c99b45;border-radius:8px;background:linear-gradient(135deg,#72501e55,#d6a74b1a);box-shadow:inset 0 0 16px #d6a74b14;color:#ffe3a0;font-size:14px;line-height:1.8}
.ranked-promotion-highlight strong{font-weight:700}
