/* ORBIT activity surfaces. Card illustrations, game stages and reward animations
   keep their original artwork; these rules theme their surrounding interface. */
body[data-orbit-theme] #app[data-route="activity"] {
  --collection-ink: var(--orbit-text, #edf5fa);
  --collection-green: var(--orbit-tint, #a1f0d5);
  --collection-gold: #f4d583;
}

body[data-orbit-theme] #app[data-route="activity"] :is(.za-activity-screen, .activity-hub, .activity-detail) {
  color: var(--orbit-text, #edf5fa);
  background: transparent;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection {
  --collection-ink: var(--orbit-text, #edf5fa);
  --collection-green: var(--orbit-tint, #a1f0d5);
  --collection-gold: #f4d583;
}

body[data-orbit-theme] #app[data-route="activity"] :is(
  .activity-state-card, .activity-invite-share, .activity-invite-progress,
  .activity-stock-rule, .activity-announcement-card, .activity-reward-code-card,
  .activity-collection-summary, .activity-stock-orders, .collection-reward-guide,
  .collection-play-guide, .collection-main-tabs, .collection-view,
  .activity-checkin-card-odds, .activity-checkin-how, .activity-checkin-tier-rules
) {
  border-color: var(--orbit-border, #719ca54d);
  color: var(--orbit-text, #edf5fa);
  background: linear-gradient(135deg, #ffffff05, #00000018), var(--orbit-panel, #102832);
  box-shadow: inset 0 1px 0 #ffffff08, 0 8px 24px #0000001c;
}

body[data-orbit-theme] #app[data-route="activity"] :is(.activity-hub-intro h2, .activity-detail-heading h2, .activity-announcement-card h3, .activity-collection-summary h3) {
  color: var(--orbit-text, #edf5fa);
}

body[data-orbit-theme] #app[data-route="activity"] :is(
  .activity-hub-intro p, .activity-detail-heading p, .activity-state-card p,
  .activity-invite-share span, .activity-invite-progress span, .activity-invite-progress p,
  .activity-rich-copy, .activity-reward-code-card > p, .activity-collection-summary p,
  .activity-stock-rule div, .activity-stock-orders article p, .activity-stock-orders article small,
  .activity-checkin-rule, .activity-checkin-how p span, .activity-checkin-tier-rules > header p
) { color: var(--orbit-muted, #bfd4d0); }

body[data-orbit-theme] #app[data-route="activity"] :is(
  .activity-hub-intro > span, .activity-announcement-card > span,
  .activity-invite-progress strong, .activity-invite-progress .activity-invite-formula,
  .activity-collection-summary > span, .activity-stock-rule > strong, .activity-stock-rule svg
) { color: var(--orbit-tint, #a1f0d5); }

body[data-orbit-theme] #app[data-route="activity"] :is(.activity-detail-back, .activity-hub-retry, .activity-vip-tabs a) {
  border-color: var(--orbit-border, #719ca54d);
  color: var(--orbit-muted, #bfd4d0);
  background: var(--orbit-panel, #102832);
}

body[data-orbit-theme] #app[data-route="activity"] .activity-vip-tabs a.active {
  border-color: var(--orbit-tint, #a1f0d5);
  color: var(--orbit-tint, #a1f0d5);
  background: var(--orbit-surface, #183c41);
  box-shadow: inset 0 -2px 0 var(--orbit-tint, #a1f0d5);
}

body[data-orbit-theme] #app[data-route="activity"] :is(.activity-tile, .activity-milestone, .activity-stock-plan, .activity-checkin-hero, .collection-week-card) {
  border-color: var(--orbit-border, #719ca54d);
  box-shadow: 0 8px 24px #00000026;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-announcement-image { background: #071722; }
body[data-orbit-theme] #app[data-route="activity"] :is(.activity-reward-code-icon, .activity-stock-orders article, .activity-collection-grid > span) {
  border-color: var(--orbit-border, #719ca54d);
  color: var(--orbit-tint, #a1f0d5);
  background: var(--orbit-surface, #183c41);
}

body[data-orbit-theme] #app[data-route="activity"] .activity-state-card.is-error {
  color: #ffc4be;
  border-color: #c6766e70;
  background: #391e29;
}

.activity-reward-code .flash-drop-form {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.activity-reward-code .flash-drop-form label {
  color: var(--orbit-text, #edf5fa);
  font-size: 14px;
  font-weight: 700;
}

.activity-reward-code .flash-drop-form :is(input, button) {
  min-height: 50px;
  min-width: 0;
  border-radius: 12px;
  font-size: 16px;
  touch-action: manipulation;
}

.activity-reward-code .flash-drop-form input:focus-visible {
  outline: 2px solid var(--orbit-tint, #a1f0d5);
  outline-offset: 2px;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-reward-code-card > p {
  font-size: 13px;
  line-height: 1.6;
}

body[data-orbit-theme] #app[data-route="activity"] .mining-code-feedback {
  padding: 10px 12px;
  border: 1px solid #8ce4c74d;
  border-radius: 10px;
  background: #083a31;
  color: #bcffe6;
}

body[data-orbit-theme] #app[data-route="activity"] .mining-code-feedback.is-error {
  background: #391e29;
  border-color: #c6766e70;
  color: #ffc4be;
}

/* Collection tabs and information panes remain distinct from the card artwork. */
body[data-orbit-theme] #app[data-route="activity"] :is(
  .collection-board-tabs, .collection-reward-guide-grid > article,
  .collection-play-guide-rules article, .collection-play-levels > span,
  .collection-board-heading > strong, .collection-backpack-row,
  .collection-empty-state, .collection-gift-selected, .collection-gift-confirm,
  .collection-ranking-list article, .collection-ranking-rule,
  .collection-pending-claims, .collection-pending-card, .collection-overall-grid article,
  .collection-reward-card:not(.is-ready), .collection-gift-form fieldset span
) {
  border-color: var(--orbit-border, #719ca54d);
  color: var(--orbit-text, #edf5fa);
  background: var(--orbit-panel, #102832);
  box-shadow: none;
}

body[data-orbit-theme] #app[data-route="activity"] :is(
  .collection-reward-guide-grid > article > p, .collection-reward-guide-grid li,
  .collection-gift-rule, .collection-gift-selected > a,
  .collection-backpack-row > b, .collection-reward-card:not(.is-ready) > b,
  .collection-seal.closed, .collection-board-tabs a > i
) {
  color: var(--orbit-muted, #bfd4d0);
  background: var(--orbit-surface, #183c41);
}

body[data-orbit-theme] #app[data-route="activity"] :is(
  .collection-main-tabs a, .collection-board-tabs a,
  .collection-reward-guide > header small, .collection-play-guide > header small,
  .collection-reward-guide-grid > article > p, .collection-reward-guide-grid li,
  .collection-play-guide-rules p, .collection-play-levels small,
  .collection-board-heading p, .collection-section-heading p,
  .collection-backpack-row > div > small, .collection-empty-state > p,
  .collection-gift-selected > span, .collection-gift-form legend,
  .collection-gift-form > label > span, .collection-gift-confirm > p,
  .collection-gift-cancel, .collection-ranking-list article > span small,
  .collection-ranking-rule p
) { color: var(--orbit-muted, #bfd4d0); }

body[data-orbit-theme] #app[data-route="activity"] :is(.collection-pending-claims > header > small, .collection-pending-card > span > em, .collection-overall-grid article small) {
  color: var(--orbit-muted, #bfd4d0);
}

body[data-orbit-theme] #app[data-route="activity"] :is(.collection-pending-claims > header > span, .collection-pending-claims > header svg, .collection-pending-card > span > small, .collection-pending-card > b > small, .collection-pending-card > svg) {
  color: #f4d583;
}

body[data-orbit-theme] #app[data-route="activity"] .collection-pending-card > b { color: var(--orbit-tint, #a1f0d5); }
body[data-orbit-theme] #app[data-route="activity"] .collection-overall-grid article.complete { color: #c5f2df; border-color: #bfa26870; background: #292c29; }

body[data-orbit-theme] #app[data-route="activity"] :is(
  .collection-reward-guide > header strong, .collection-play-guide > header strong,
  .collection-reward-guide-grid > article > div span, .collection-reward-guide-grid li strong,
  .collection-play-guide-rules strong, .collection-board-heading h3,
  .collection-section-heading h3, .collection-backpack-row > div > strong,
  .collection-empty-state > strong, .collection-gift-confirm > strong,
  .collection-ranking-list article > span strong, .collection-ranking-rule strong
) { color: var(--orbit-text, #edf5fa); }

body[data-orbit-theme] #app[data-route="activity"] :is(
  .collection-reward-guide-grid > article > p strong, .collection-play-levels b,
  .collection-board-heading > div > span, .collection-board-heading > strong,
  .collection-section-heading > span, .collection-backpack-row > div > span,
  .collection-gift-selected > strong, .collection-gift-selected > a,
  .collection-gift-confirm > span, .collection-ranking-list article > em,
  .collection-ranking-rule span, .collection-reward-card:not(.is-ready) > strong,
  .collection-empty-state > svg, .collection-gift-rule svg, .collection-state-card > svg
) { color: var(--orbit-tint, #a1f0d5); }

body[data-orbit-theme] #app[data-route="activity"] :is(.collection-main-tabs a.active, .collection-board-tabs a.active, .collection-gift-form fieldset input:checked + span) {
  border-color: var(--orbit-tint, #a1f0d5);
  color: var(--orbit-tint, #a1f0d5);
  background: var(--orbit-surface, #183c41);
  box-shadow: inset 0 0 0 1px var(--orbit-tint, #a1f0d5);
}

body[data-orbit-theme] #app[data-route="activity"] :is(.collection-gift-form input[name="identifier"], .flash-drop-form input) {
  color: var(--orbit-text, #edf5fa);
  border-color: var(--orbit-border, #719ca54d);
  background: #071922;
  caret-color: var(--orbit-tint, #a1f0d5);
}

body[data-orbit-theme] #app[data-route="activity"] .collection-gift-warning {
  color: #f3d79b;
  border-color: #c6a35a66;
  background: #30291e;
}

body[data-orbit-theme] #app[data-route="activity"] :is(.collection-reward-guide > header > span, .collection-play-guide-rules article.is-permanent > span, .collection-seal.upcoming) {
  color: #f4d583;
  background: #3a3020;
}

body[data-orbit-theme] #app[data-route="activity"] :is(.collection-play-guide > header > span, .collection-play-guide-rules article > span, .collection-seal:not(.closed):not(.upcoming)) {
  color: var(--orbit-tint, #a1f0d5);
  background: var(--orbit-surface, #183c41);
}

body[data-orbit-theme] #app[data-route="activity"] .collection-ranking-list article.is-me {
  color: var(--orbit-text, #edf5fa);
  border-color: #c6aa64;
  background: #272a29;
  box-shadow: inset 3px 0 #c6aa64;
}

body[data-orbit-theme] #app[data-route="activity"] .collection-reward-card.is-claimed {
  border-color: #67b99a66;
  color: #a7f0d4;
  background: #133b33;
}

body[data-orbit-theme] #app[data-route="activity"] :is(.activity-checkin-reward-grid article, .activity-checkin-card-odds dl > div, .activity-checkin-tier-rules article) {
  color: var(--orbit-text, #edf5fa);
  border-color: var(--orbit-border, #719ca54d);
  background: var(--orbit-panel, #102832);
}

body[data-orbit-theme] #app[data-route="activity"] :is(
  .activity-checkin-reward-grid article > span, .activity-checkin-card-odds > header > span,
  .activity-checkin-tier-rules small, .activity-checkin-how > a
) { color: var(--orbit-tint, #a1f0d5); background: var(--orbit-surface, #183c41); }

body[data-orbit-theme] #app[data-route="activity"] :is(
  .activity-checkin-reward-grid small, .activity-checkin-card-odds > header small,
  .activity-checkin-card-odds dt, .activity-checkin-tier-rules article > span
) { color: var(--orbit-muted, #bfd4d0); }

body[data-orbit-theme] #app[data-route="activity"] :is(
  .activity-checkin-reward-grid strong, .activity-checkin-card-odds > header strong,
  .activity-checkin-how p strong, .activity-checkin-tier-rules > header span,
  .activity-checkin-tier-rules strong
) { color: var(--orbit-text, #edf5fa); }

body[data-orbit-theme] #app[data-route="activity"] :is(.activity-checkin-card-odds dd, .activity-checkin-card-odds .is-rental dd, .activity-checkin-tier-rules article > p) {
  color: var(--orbit-tint, #a1f0d5);
}

body[data-orbit-theme] #app[data-route="activity"] :is(.activity-checkin-reward-grid article.is-bonus, .activity-checkin-card-odds dl > div.is-rental, .activity-checkin-tier-rules article.is-current) {
  border-color: #bfa26870;
  background: #292c29;
}

/* Game artwork is retained. Only navigation, instructions and records change. */
body[data-orbit-theme] #app:is([data-route="play"], [data-route="games"], [data-route="profit"]) :is(
  .game-wallet-exchange, .game-wallet-retry, .game-preview-back, .game-empty,
  .game-error, .game-loading, .game-grid-empty, .game-preview-note,
  .game-preview-unavailable, .game-detail-asset, .game-detail-tabs,
  .arc-game-earn-methods li,
  .arc-roulette-intro, .arc-roulette-rules, .arc-roulette-history,
  .arc-roulette-rule-grid > div, .arc-roulette-history-list > p,
  .arc-roulette-history-row, .arc-roulette-result,
  .arc-card-flip-intro, .arc-card-flip-rules,
  .arc-card-flip-rule-grid > div, .arc-card-flip-preview-note
) {
  border-color: var(--orbit-border, #719ca54d);
  color: var(--orbit-text, #edf5fa);
  background: var(--orbit-panel, #102832);
  box-shadow: inset 0 1px 0 #ffffff08;
}

body[data-orbit-theme] #app:is([data-route="play"], [data-route="games"], [data-route="profit"]) :is(
  .arc-roulette-intro h1, .arc-roulette-section-heading h2,
  .arc-roulette-history-row strong, .arc-card-flip-intro h1,
  .arc-card-flip-section-heading h2, .arc-card-flip-preview-note strong,
  .arc-roulette-rule-grid strong, .arc-card-flip-rule-grid strong,
  .game-library-heading h2, .arc-game-earn-methods li strong
) { color: var(--orbit-text, #edf5fa); }

body[data-orbit-theme] #app:is([data-route="play"], [data-route="games"], [data-route="profit"]) :is(
  .arc-roulette-intro small, .arc-roulette-section-heading small,
  .arc-roulette-rule-grid p, .arc-roulette-history-row small,
  .game-preview-note p, .game-preview-unavailable p,
  .arc-game-earn-methods li p, .arc-game-earn-methods li small, .arc-game-earn-usage,
  .arc-roulette-history-row code, .arc-roulette-responsible,
  .arc-card-flip-intro small, .arc-card-flip-section-heading small,
  .arc-card-flip-rule-grid p, .arc-card-flip-preview-note p
) { color: var(--orbit-muted, #bfd4d0); }

body[data-orbit-theme] #app:is([data-route="play"], [data-route="games"], [data-route="profit"]) :is(.arc-roulette-rule-grid b, .arc-roulette-rule-grid svg, .arc-card-flip-rule-grid b, .arc-card-flip-rule-grid svg, .game-preview-note > svg) {
  color: var(--orbit-tint, #a1f0d5);
}

body[data-orbit-theme] #app:is([data-route="play"], [data-route="games"], [data-route="profit"]) .arc-game-earn-number { color: var(--orbit-tint, #a1f0d5); background: var(--orbit-surface, #183c41); }

body[data-orbit-theme] #app:is([data-route="play"], [data-route="games"], [data-route="profit"]) :is(.arc-roulette-rule-grid > div > span, .arc-card-flip-rule-grid > div > span, .arc-roulette-history-row > span, .arc-card-flip-preview-note > span, .game-preview-unavailable-icon) {
  color: var(--orbit-tint, #a1f0d5);
  background: var(--orbit-surface, #183c41);
}

body[data-orbit-theme] #app:is([data-route="walfare"], [data-route="walfareList"], [data-route="lucky"], [data-route="luckyDraw"], [data-route="luckyRecord"]) :is(.task, .record, .empty, .lucky-result, .lucky-winner-feed) {
  border-color: var(--orbit-border, #719ca54d);
  color: var(--orbit-text, #edf5fa);
  background: var(--orbit-panel, #102832);
  box-shadow: inset 0 1px 0 #ffffff08;
}

body[data-orbit-theme] #app:is([data-route="walfare"], [data-route="walfareList"], [data-route="lucky"], [data-route="luckyDraw"], [data-route="luckyRecord"]) :is(.task p, .record span, .empty) { color: var(--orbit-muted, #bfd4d0); }
body[data-orbit-theme] #app:is([data-route="lucky"], [data-route="luckyDraw"]) .lucky-section { background: transparent; }
body[data-orbit-theme] #app:is([data-route="lucky"], [data-route="luckyDraw"]) .lucky-winner-line span:last-child { color: var(--orbit-tint, #a1f0d5); }
body[data-orbit-theme] #app:is([data-route="lucky"], [data-route="luckyDraw"]) .lucky-wheel-wrap { background: radial-gradient(ellipse at 50% 35%, #28615655, #071a24 72%); border-color: var(--orbit-border, #719ca54d); }
body[data-orbit-theme] #app:is([data-route="lucky"], [data-route="luckyDraw"]) .lucky-winner-spark { color: var(--orbit-tint, #a1f0d5); }

/* Shared activity overlays inherit the current page's coin theme. */
body[data-orbit-theme] :is(
  .activity-popup-card, .welcome-bonus-card, .flash-drop-card, .invite-qr-panel, .app-download-card, .lucky-prize-dialog,
  .activity-checkin-result-sheet, .arc-roulette-result-dialog
) {
  color: var(--orbit-text, #edf5fa);
  border: 1px solid var(--orbit-border, #719ca54d);
  background: radial-gradient(ellipse at 90% 0, #a0dfff12, transparent 55%), var(--orbit-panel, #102832);
  box-shadow: 0 24px 80px #00000099, inset 0 1px 0 #ffffff0a;
  max-height: calc(100svh - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #6c9494 #0b1c26;
}

body[data-orbit-theme] :is(.activity-popup-layer, .lucky-prize-layer, .arc-roulette-result-overlay) {
  background: #020b14c4;
  backdrop-filter: blur(5px);
}

body[data-orbit-theme] :is(.welcome-bonus-backdrop, .flash-drop-backdrop, .invite-qr-backdrop, .app-download-backdrop, .activity-checkin-result-backdrop) {
  background: #020b14c4;
  backdrop-filter: blur(5px);
}

body[data-orbit-theme] :is(
  .activity-popup-close, .welcome-bonus-x, .flash-drop-close, .invite-qr-close, .app-download-close, .arc-roulette-result-close
) {
  color: var(--orbit-muted, #bfd4d0);
  border-color: var(--orbit-border, #719ca54d);
  background: var(--orbit-surface, #183c41);
}

body[data-orbit-theme] :is(
  .activity-popup-card h2, .welcome-bonus-copy h2, .flash-drop-card h2,
  .invite-qr-top strong, .invite-qr-brand,
  .app-download-card h2, .activity-checkin-result-sheet > h3,
  .activity-checkin-result-card strong, .arc-roulette-result-dialog h2
) { color: var(--orbit-text, #edf5fa); }

body[data-orbit-theme] :is(
  .activity-popup-card p, .welcome-bonus-copy p, .welcome-bonus-copy .welcome-bonus-guide,
  .flash-drop-card p, .invite-qr-top span,
  .invite-qr-subtitle, .invite-qr-benefits, .app-download-card p,
  .app-download-choice p, .lucky-prize-message, .activity-checkin-result-cash small,
  .activity-checkin-result-card small, .activity-checkin-result-sheet > p,
  .activity-checkin-result-no-cards, .arc-roulette-result-dialog p
) { color: var(--orbit-muted, #bfd4d0); }

body[data-orbit-theme] :is(
  .activity-popup-card > span, .welcome-bonus-kicker, .flash-drop-mark,
  .invite-qr-code-text, .app-download-mark,
  .activity-checkin-result-sheet > small, .activity-checkin-result-cash strong,
  .lucky-prize-amount, .arc-roulette-result-dialog > small
) { color: var(--orbit-tint, #a1f0d5); }

body[data-orbit-theme] :is(.invite-qr-card, .invite-qr-benefits, .activity-checkin-result-cash, .activity-checkin-result-card) {
  border-color: var(--orbit-border, #719ca54d);
  color: var(--orbit-text, #edf5fa);
  background: var(--orbit-surface, #183c41);
}

body[data-orbit-theme] :is(.lucky-prize-amount, .lucky-prize-image, .activity-checkin-result-kind) {
  border-color: var(--orbit-border, #719ca54d);
  color: var(--orbit-tint, #a1f0d5);
  background: var(--orbit-surface, #183c41);
}

body[data-orbit-theme] .activity-checkin-result-card.is-product .activity-checkin-result-kind { color: #f4d583; background: #3a3020; }

/* A white quiet zone is required for reliable QR scanning; no image filter. */
body[data-orbit-theme] .invite-qr-code { color: #102732; background: #fff; border-color: #fff; }
body[data-orbit-theme] .invite-qr-code-text { background: #081b25; border-color: var(--orbit-border, #719ca54d); }
body[data-orbit-theme] .invite-qr-actions { background: var(--orbit-panel, #102832); border-color: var(--orbit-border, #719ca54d); }

body[data-orbit-theme] :is(.flash-drop-form input, .app-download-card input) {
  color: var(--orbit-text, #edf5fa);
  background: #071922;
  border-color: var(--orbit-border, #719ca54d);
  caret-color: var(--orbit-tint, #a1f0d5);
}

body[data-orbit-theme] .flash-drop-form input::placeholder { color: var(--orbit-muted, #bfd4d0); opacity: .8; }

body[data-orbit-theme] :is(
  .activity-popup-primary, .welcome-bonus-primary, .flash-drop-form button,
  .invite-qr-actions button:first-child,
  .app-download-card .arc-install-button, .lucky-prize-confirm,
  .activity-checkin-result-sheet > button:last-child, .arc-roulette-result-confirm
) {
  color: #072a27;
  border: 1px solid #a0e7d3;
  background: linear-gradient(135deg, #c6f7e8, #71dabb);
  box-shadow: 0 6px 18px #00000024;
}

body[data-orbit-theme] :is(.activity-popup-secondary, .invite-qr-actions button:not(:first-child), .app-download-option.android, .app-download-option.ios, .app-download-card .arc-download-backup) {
  color: var(--orbit-tint, #a1f0d5);
  border: 1px solid var(--orbit-border, #719ca54d);
  background: var(--orbit-surface, #183c41);
}

body[data-orbit-theme] :is(.flash-drop-mark, .app-download-mark, .activity-checkin-result-cash > span, .activity-checkin-result-burst, .arc-roulette-result-emblem) {
  color: var(--orbit-tint, #a1f0d5);
  background: var(--orbit-surface, #183c41);
}

body[data-orbit-theme] .welcome-bonus-copy .welcome-bonus-error { color: #ffc4be; background: #391e29; border-color: #c6766e70; }
body[data-orbit-theme] :is(.welcome-bonus-primary, .flash-drop-form button, .invite-qr-actions button):disabled {
  color: #a4bdbb;
  border-color: #69868244;
  background: #233b40;
  box-shadow: none;
}

body[data-orbit-theme] :is(.activity-popup-card, .welcome-bonus-card, .flash-drop-card, .invite-qr-panel, .app-download-card, .lucky-prize-dialog, .activity-checkin-result-sheet, .arc-roulette-result-dialog) :is(button, a, input):focus-visible,
body[data-orbit-theme] #app[data-route="activity"] :is(button, a, input):focus-visible {
  outline: 2px solid var(--orbit-tint, #a1f0d5);
  outline-offset: 3px;
}

/* Registration walkthrough: keep its step layout and values, theme the panels. */
body[data-orbit-theme] .arc-onboarding-layer { background: #020b14cf; }
body[data-orbit-theme] .arc-onboarding-card {
  color: var(--orbit-text, #edf5fa);
  border-color: var(--orbit-border, #719ca54d);
  background: radial-gradient(ellipse at 90% 0, #a0dfff12, transparent 55%), var(--orbit-panel, #102832);
  box-shadow: 0 24px 80px #00000099, inset 0 1px 0 #ffffff0a;
}
body[data-orbit-theme] :is(.arc-onboarding-header > span, .arc-onboarding-metric > strong, .arc-onboarding-sum b, .arc-onboarding-footer .arc-onboarding-products) {
  color: var(--orbit-tint, #a1f0d5);
}
body[data-orbit-theme] .arc-onboarding-content h2 { color: var(--orbit-text, #edf5fa); }
body[data-orbit-theme] :is(.arc-onboarding-progress, .arc-onboarding-content p, .arc-onboarding-metric > span, .arc-onboarding-content .arc-onboarding-ready) {
  color: var(--orbit-muted, #bfd4d0);
}
body[data-orbit-theme] :is(.arc-onboarding-header button, .arc-onboarding-metric, .arc-onboarding-levels button, .arc-onboarding-back, .arc-onboarding-entry) {
  color: var(--orbit-text, #edf5fa);
  border-color: var(--orbit-border, #719ca54d);
  background: var(--orbit-surface, #183c41);
}
body[data-orbit-theme] .arc-onboarding-progress i { background: #6b929440; }
body[data-orbit-theme] .arc-onboarding-progress i.is-done { background: var(--orbit-tint, #a1f0d5); }
body[data-orbit-theme] .arc-onboarding-content .arc-onboarding-note {
  color: #f3d79b;
  border-color: #c6a35a66;
  background: #30291e;
}
body[data-orbit-theme] .arc-onboarding-levels button[aria-pressed="true"] {
  color: var(--orbit-tint, #a1f0d5);
  border-color: var(--orbit-tint, #a1f0d5);
  background: var(--orbit-surface, #183c41);
  box-shadow: inset 0 0 0 1px var(--orbit-tint, #a1f0d5);
}
body[data-orbit-theme] .arc-onboarding-content .arc-onboarding-example {
  color: var(--orbit-tint, #a1f0d5);
  border-color: var(--orbit-tint, #a1f0d5);
  background: var(--orbit-surface, #183c41);
}
body[data-orbit-theme] .arc-onboarding-tasks li { border-color: var(--orbit-border, #719ca54d); }
body[data-orbit-theme] .arc-onboarding-tasks li > span { color: var(--orbit-tint, #a1f0d5); background: var(--orbit-surface, #183c41); }
body[data-orbit-theme] .arc-onboarding-footer { border-color: var(--orbit-border, #719ca54d); background: var(--orbit-panel, #102832); }
body[data-orbit-theme] .arc-onboarding-next { color: #072a27; border-color: #a0e7d3; background: linear-gradient(135deg, #c6f7e8, #71dabb); }
body[data-orbit-theme] .arc-onboarding-card button:disabled { color: #a4bdbb; border-color: #69868244; background: #233b40; box-shadow: none; }
body[data-orbit-theme] .arc-onboarding-card button:focus-visible { outline: 2px solid var(--orbit-tint, #a1f0d5); outline-offset: 3px; }

/* Compact collection: the album leads; sharing and detailed rules stay secondary. */
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple {
  display: grid;
  gap: 12px;
  min-width: 0;
  color: #edf6fb;
  font-size: 13px;
  line-height: 1.5;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-intro {
  display: grid;
  gap: 6px;
  padding: 2px 2px 4px;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-intro > span {
  color: #93ddca;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-intro h2 {
  margin: 0;
  color: #f1fbff;
  font-size: 22px;
  line-height: 1.2;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-intro p {
  margin: 0;
  color: #bed5df;
  font-size: 13px;
  line-height: 1.5;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-intro-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 3px;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-intro-stats > * {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  border: 1px solid #559c9852;
  border-radius: 7px;
  color: #c8e5e4;
  background: #0c2734c9;
  font-size: 12px;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-intro-stats svg {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  color: #9de8d2;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-intro-stats > a { min-height: 44px; }

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-main-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  padding: 5px;
  border-color: #77a9bd42;
  border-radius: 13px;
  background: #081c2af0;
  box-shadow: none;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-main-tabs a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 46px;
  padding: 8px 4px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #b8d0dd;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.3;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-main-tabs a.active {
  color: #edfff8;
  border-color: #6cdbc276;
  background: #164b48;
  box-shadow: inset 0 -2px 0 #8aead2;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-view {
  gap: 12px;
  padding: 12px;
  border-color: #82b4c140;
  border-radius: 14px;
  background: #071b29f2;
  box-shadow: 0 6px 20px #0002;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-board-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding: 3px;
  border: 0;
  border-radius: 10px;
  background: #041421;
  box-shadow: none;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-board-tabs a {
  min-height: 46px;
  padding: 5px 2px;
  gap: 1px;
  border: 1px solid transparent;
  color: #b8cfda;
  background: transparent;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-board-tabs a > span {
  font-size: 12px;
  line-height: 1.25;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-board-tabs a > small {
  font-size: 11px;
  line-height: 1.25;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-board-tabs a > i {
  position: static;
  padding: 1px 3px;
  color: #bdd0da;
  background: #ffffff0c;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-board-tabs a.active {
  color: #c1ffe9;
  border-color: #6cbfa85c;
  background: #153b40;
  box-shadow: none;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-board-heading, .collection-section-heading) h3 {
  margin: 3px 0;
  color: #f1f8ff;
  font-size: 17px;
  line-height: 1.25;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-board-heading, .collection-section-heading) p {
  color: #bcd4df;
  font-size: 12px;
  line-height: 1.45;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-board-heading > div > span, .collection-section-heading > span) {
  color: #9dd8cf;
  font-size: 11px;
  letter-spacing: .03em;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-board-heading > strong {
  min-width: 46px;
  height: 46px;
  border-radius: 11px;
  color: #b1f6db;
  background: #123c3d;
  font-size: 22px;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-board-heading > strong small { font-size: 12px; }

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card-grid > .collection-card {
  min-height: 0;
  aspect-ratio: 1.06;
  padding: 24px 4px 20px;
  border-radius: 11px;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card-grid > .collection-card > strong {
  color: #fff;
  font-size: clamp(30px, 8.8vw, 40px);
  font-weight: 850;
  line-height: 1;
  text-shadow: 0 2px 6px #00101de6;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card-day {
  top: 5px;
  left: 5px;
  padding: 2px 4px;
  color: #e1f1f9;
  background: #061724dd;
  font-size: 10px;
  line-height: 1.1;
  letter-spacing: 0;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card > small {
  bottom: 6px;
  color: #edfff8;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
  text-shadow: 0 1px 4px #00111f;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card-state {
  width: 21px;
  height: 21px;
  color: #062b21;
  background: #a4eed4;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card-state svg { width: 14px; height: 14px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card.is-owned { border-color: #97d7ae; box-shadow: inset 0 0 0 1px #aff2d226, 0 3px 12px #0003; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card.is-missing { filter: none; border-color: #738eaa; background: #10263a; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card.is-missing > img { opacity: .24; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card.is-missing .collection-card-shade { background: #102236c9; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card.is-missing > strong { color: #c5d9e7; text-shadow: 0 2px 4px #00101d; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card.is-missing > small { color: #f0d6aa; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card.is-missing .collection-card-state { color: #d7e5ef; background: #344a62; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card.is-gift-locked .collection-card-state { color: #d5e2ff; background: #3b4365; }

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-pack-button, .collection-reward-card, .collection-pending-card) { min-height: 48px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-pack-button strong, .collection-reward-card > span small, .collection-reward-card > b, .collection-pending-card > span > strong) { font-size: 13px; line-height: 1.35; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-pack-button small, .collection-pending-card > span > small, .collection-pending-card > span > em, .collection-pending-card > b > small, .collection-pending-claims > header > small) { font-size: 12px; line-height: 1.4; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-reward-card > strong { font-size: 21px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-reward-card > b { min-height: 35px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-auto-note, .collection-gift-rule, .collection-gift-warning) { font-size: 12px; line-height: 1.5; }

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-community, .collection-rules) {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #65adab47;
  border-radius: 14px;
  color: #eff8ff;
  background: #0c2535 url('/assets/orbit/crypto-card-texture.png') right center / cover no-repeat;
  background-blend-mode: soft-light;
  box-shadow: inset 0 1px 0 #ffffff06;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-community { display: grid; gap: 12px; padding: 14px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-community > header { display: flex; gap: 10px; align-items: flex-start; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-community > header > svg { width: 24px; height: 24px; flex: 0 0 24px; margin-top: 2px; color: #9ce9d1; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-community > header > div { min-width: 0; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-community h3 { margin: 0 0 4px; color: #f0fbff; font-size: 17px; line-height: 1.3; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-community p { margin: 0; color: #c4dbe5; font-size: 13px; line-height: 1.5; }

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-trade-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-trade-summary > div { display: grid; gap: 5px; min-width: 0; padding: 10px; border: 1px solid #6a9bab38; border-radius: 10px; background: #051725b3; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-trade-summary span { color: #c1d7e0; font-size: 12px; line-height: 1.35; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-trade-summary strong { color: #b4f3dc; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple button.collection-copy-list { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #80d3bb78; border-radius: 10px; color: #e6fff6; background: #174740; font: inherit; font-size: 13px; font-weight: 700; line-height: 1.4; text-align: center; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-copy-list svg { flex: 0 0 18px; width: 18px; height: 18px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-group-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-group-actions button { display: grid; grid-template-columns: 20px minmax(0, 1fr) 15px; align-items: center; gap: 6px; min-width: 0; min-height: 46px; padding: 10px 8px; border: 1px solid #70b7b353; border-radius: 10px; color: #e6f8ff; background: #123447; font: inherit; font-size: 12px; font-weight: 700; line-height: 1.3; text-align: left; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-group-actions img { display: block; width: 20px; height: 20px; object-fit: contain; filter: invert(1); }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-group-actions span { min-width: 0; overflow-wrap: anywhere; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-group-actions svg { width: 15px; height: 15px; color: #aadfdb; }

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-rules, .collection-share-details) > summary,
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-rules-body details > summary { display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 12px; color: #dff4f4; font-size: 13px; font-weight: 650; line-height: 1.35; cursor: pointer; list-style: none; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-rules, .collection-share-details) summary::-webkit-details-marker { display: none; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-rules, .collection-share-details) summary svg { flex: 0 0 18px; width: 18px; height: 18px; color: #9bddce; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-rules, .collection-share-details) summary strong { flex: 1; font-size: 13px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-rules, .collection-share-details) summary svg:last-child { margin-left: auto; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-share-details { border: 1px solid #7396aa42; border-radius: 10px; background: #071b2aaa; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-share-details textarea { display: block; box-sizing: border-box; width: calc(100% - 20px); min-height: 104px; margin: 0 10px 10px; padding: 10px; border: 1px solid #6692a466; border-radius: 8px; color: #e3f0f7; background: #061623; font: inherit; font-size: 16px; line-height: 1.5; resize: vertical; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-share-details > small { display: block; padding: 0 10px 10px; color: #bdd2de; font-size: 12px; line-height: 1.45; }

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-earn-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-earn-links a { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; min-height: 44px; padding: 8px; border: 1px solid #70b7b353; border-radius: 10px; color: #dffaf1; background: #12343d; font-size: 13px; font-weight: 650; line-height: 1.35; text-align: center; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-earn-links svg { flex: 0 0 18px; width: 18px; height: 18px; color: #a3e9d3; }

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-rules-body { display: grid; gap: 12px; padding: 0 12px 12px; color: #c4d9e4; font-size: 13px; line-height: 1.5; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-rules-body > p { margin: 0; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-rules-body > ol { display: grid; gap: 8px; margin: 0; padding-left: 21px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-rules-body > ol li::marker { color: #a1e6d1; font-weight: 700; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-rules-body details { display: block; padding: 0; overflow: hidden; border: 1px solid #80a8b535; border-radius: 10px; background: #071b28bf; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-reward-guide, .collection-play-guide) { margin: 0; padding: 10px; border: 0; border-radius: 10px; background: transparent; box-shadow: none; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(details.collection-reward-guide, details.collection-play-guide) { display: block; padding: 0; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-reward-guide, .collection-play-guide) > header small { color: #bed2de; font-size: 12px; line-height: 1.5; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-reward-guide, .collection-play-guide) > header strong { font-size: 13px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-reward-guide-grid { grid-template-columns: 1fr; gap: 10px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-reward-guide-grid > article > div span, .collection-reward-guide-grid > article > p, .collection-reward-guide-grid li, .collection-play-guide-rules strong, .collection-play-guide-rules p) { font-size: 12px; line-height: 1.45; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-reward-guide-grid li strong { font-size: 13px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-play-guide-rules { grid-template-columns: 1fr; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-play-levels { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-play-levels :is(b, small) { font-size: 12px; }

/* The remaining trade and ranking views use the same readable mobile scale. */
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-backpack-row > div > span, .collection-backpack-row > div > small, .collection-empty-state > p, .collection-gift-selected > span, .collection-gift-form legend, .collection-gift-form > label > span, .collection-gift-form fieldset span, .collection-gift-confirm > span, .collection-gift-confirm > p, .collection-ranking-list article > span small, .collection-ranking-rule p, .collection-ranking-rule span, .collection-overall-grid article small) { font-size: 12px; line-height: 1.45; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-backpack-row > a, .collection-backpack-row > b, .collection-empty-state > a, .collection-gift-selected > a, .collection-gift-form > button, .collection-gift-confirm form button, .collection-gift-cancel) { min-height: 44px; padding: 9px; font-size: 12px; line-height: 1.3; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-gift-form fieldset span, .collection-gift-form input[name="identifier"]) { min-height: 44px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(input:not([type="hidden"]), textarea, select) { font-size: 16px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-ranking-list article > span strong, .collection-ranking-list article > em, .collection-overall-grid article strong, .collection-seal) { font-size: 12px; line-height: 1.35; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-ranking-list article { min-height: 66px; gap: 6px; padding: 10px 8px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-ranking-list article > em { max-width: 80px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-ranking-list article.is-empty { opacity: 1; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(a, button, summary, textarea):focus-visible { outline: 2px solid #b3f5de; outline-offset: 3px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple button:disabled { cursor: default; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(button.collection-copy-list, .collection-group-actions button):disabled { opacity: .58; }

@media (max-width: 360px) {
  body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-view { padding: 10px; }
  body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-card-grid { gap: 6px; }
  body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-community { padding: 11px; }
  body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-group-actions { gap: 6px; }
  body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-group-actions button { grid-template-columns: 20px minmax(0, 1fr); gap: 5px; padding: 9px 6px; }
  body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-group-actions button > svg { grid-column: 1; grid-row: 2; justify-self: center; }
  body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-group-actions button > span { grid-column: 2; grid-row: 1 / 3; }
}

/* Orbit puzzle atlases share the same exact crop in albums and reward previews. */
.orbit-collection-art {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  background-image: var(--collection-atlas);
  background-size: 300% 300%;
  background-position: var(--collection-x, 0%) var(--collection-y, 0%);
  background-repeat: no-repeat;
  pointer-events: none;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  border-radius: 8px;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card,
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-grid > .orbit-collection-card {
  position: relative;
  display: block;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 1;
  overflow: hidden;
  padding: 0;
  border: 1px solid #496375;
  border-radius: 8px;
  background: #061525;
  box-shadow: none;
  filter: none;
  isolation: isolate;
  cursor: default;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-grid > .orbit-collection-card.collection-card-product {
  aspect-ratio: 1295 / 1214;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card > strong,
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-grid > .orbit-collection-card > strong {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
  max-width: calc(100% - 30px);
  color: #f3fbff;
  font-size: clamp(24px, 6.5vw, 32px);
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 1px 3px #000, 0 0 6px #00101d;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card > small {
  position: absolute;
  right: 3px;
  bottom: 4px;
  left: 3px;
  z-index: 1;
  color: #eef8ff;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
  text-align: center;
  text-shadow: 0 1px 3px #000, 0 0 6px #00101d;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card :is(.collection-card-state, .collection-card-extras) {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  display: grid;
  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid #b0efde66;
  border-radius: 5px;
  color: #c8fff0;
  background: #103b3e;
  font-size: 12px;
  font-weight: 750;
  font-style: normal;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card .collection-card-state { width: 20px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card .collection-card-state svg { width: 14px; height: 14px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card .collection-card-extras { padding: 0 4px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card.has-extras .collection-card-state { display: none; }

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card.is-owned {
  border-color: #7bd8c5;
  box-shadow: inset 0 0 0 1px #adfff212;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card.is-missing {
  border-style: solid;
  border-color: #496375;
  background: #061525;
  box-shadow: none;
  filter: none;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card.is-missing > .orbit-collection-art { opacity: .56; filter: grayscale(.7); }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card.is-missing > :is(strong, small) { color: #eef8ff; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card.is-missing .collection-card-state { color: #e1ecf4; border-color: #a5bcc84d; background: #253c50; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-card.is-gift-locked .collection-card-state { color: #e1e7ff; border-color: #bdc1ff4d; background: #303958; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-grid.is-complete { box-shadow: 0 0 18px #6de3cf24; }

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 14px;
  margin: 0;
  color: #c5dce6;
  font-size: 12px;
  line-height: 1.5;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-legend > span { display: inline-flex; align-items: center; gap: 4px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-legend svg { width: 14px; height: 14px; flex: 0 0 14px; color: #a7dccf; }

/* Repeated cards are grouped; only the separate selection link is interactive. */
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-list { gap: 8px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-row {
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 8px;
  padding: 8px;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-row > .orbit-collection-card {
  width: 64px;
  height: 64px;
  min-height: 64px;
  aspect-ratio: 1;
  border-radius: 8px;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-row > .orbit-collection-card > strong { top: 4px; left: 4px; font-size: 24px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-row > .orbit-collection-card > small { display: none; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-row > div { gap: 4px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-row > div > :is(span, strong, small) { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-row > div > strong { font-size: 13px; line-height: 1.35; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-row > :is(a, b) {
  box-sizing: border-box;
  min-width: 48px;
  min-height: 48px;
  max-width: 90px;
  gap: 4px;
  padding: 8px;
  font-size: 12px;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
}

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-row > a { color: #d8fff2; background: #145047; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-row > :is(a, b) svg { flex: 0 0 14px; width: 14px; height: 14px; }

body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-gift-form fieldset { gap: 8px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-gift-form fieldset label { display: flex; min-width: 0; min-height: 48px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-gift-form fieldset span { box-sizing: border-box; flex: 1; min-width: 0; min-height: 48px; padding: 8px; line-height: 1.35; text-align: center; overflow-wrap: anywhere; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-gift-form fieldset input:focus-visible + span { outline: 2px solid #b3f5de; outline-offset: 3px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-gift-form input[name="identifier"] { box-sizing: border-box; min-height: 48px; font-size: 16px; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(.collection-gift-form > button, .collection-gift-confirm form button, .collection-gift-cancel, .collection-gift-selected > a) { box-sizing: border-box; min-width: 48px; min-height: 48px; padding: 10px; font-size: 13px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-gift-selected > a { display: inline-flex; align-items: center; justify-content: center; text-align: center; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-gift-confirm { gap: 8px; min-width: 0; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-gift-confirm > strong { min-width: 0; overflow-wrap: anywhere; }
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-gift-confirm form { min-width: 0; }

/* Shared by the current pool sheet and the earlier check-in result dialog. */
.orbit-collection-thumb,
body[data-orbit-theme] .activity-checkin-result-card > .orbit-collection-thumb {
  position: relative;
  display: block;
  box-sizing: border-box;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  min-width: 58px;
  overflow: hidden;
  border: 1px solid #79baa9;
  border-radius: 8px;
  background: #061525;
  box-shadow: none;
  filter: none;
  isolation: isolate;
}

.orbit-collection-thumb > b { position: absolute; top: 3px; left: 4px; z-index: 1; color: #f2fbff; font-size: 19px; font-weight: 800; line-height: 1; text-shadow: 0 1px 3px #000, 0 0 6px #00101d; }
body[data-orbit-theme] .orbit-pool-result-cards > li { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-width: 0; }
body[data-orbit-theme] .orbit-pool-result-card-copy { min-width: 0; }
body[data-orbit-theme] .orbit-pool-result-card-copy :is(strong, small) { white-space: normal; overflow-wrap: anywhere; }
body[data-orbit-theme] .orbit-pool-result-card-copy small { font-size: 12px; line-height: 1.4; }
body[data-orbit-theme] .orbit-pool-result-new { max-width: 70px; padding: 3px 5px; font-size: 12px; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
body[data-orbit-theme] .orbit-pool-result-new.is-duplicate { color: #d0e1f3; background: #284758; }
body[data-orbit-theme] .activity-checkin-result-card { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 8px; }
body[data-orbit-theme] .activity-checkin-result-card > div { min-width: 0; }
body[data-orbit-theme] .activity-checkin-result-card :is(strong, small, .activity-checkin-result-kind) { font-size: 12px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }

@media (max-width: 360px) {
  body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .orbit-collection-grid { gap: 4px; }
  body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-row { padding: 6px; }
  body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple .collection-backpack-row > :is(a, b) { flex-direction: column; gap: 3px; max-width: 65px; padding: 7px; }
}

/* Consistent touch targets across the collection, including existing actions. */
body[data-orbit-theme] #app[data-route="activity"] .activity-card-collection.collection-simple :is(
  .collection-main-tabs a, .collection-board-tabs a, .collection-copy-list,
  .collection-group-actions button, .collection-earn-links a,
  .collection-intro-stats a, .collection-rules > summary,
  .collection-share-details > summary
) { box-sizing: border-box; min-width: 48px; min-height: 48px; touch-action: manipulation; }