/* Play shell follows the site theme. Light is the default. Card faces stay in play.css. */

html[data-theme="portal"] body.folio-play,
html[data-theme="portal"] body.play-lb-shell {
  --portal-void: #ffffff;
  --portal-void-2: #f6f7f9;
  --portal-ink: #0b0d10;
  --portal-muted: #4b5260;
  --portal-gold: #db0007;
  --folio-cream: #0b0d10;
  --csl-ink: #ffffff;
  --csl-steel: #0b0d10;
  background: #ffffff;
  color: #0b0d10;
}

html[data-theme="portal"] body.folio-play .app,
html[data-theme="portal"] body.play-lb-shell .app {
  background: #ffffff;
  background-image: none;
  color: #0b0d10;
}

html[data-theme="portal"] body.folio-play .topbar.folio-imagine--play,
html[data-theme="portal"] body.play-lb-shell .topbar {
  background: #ffffff;
  background-image: none;
  border-bottom: 1px solid #063672;
  color: #0b0d10;
}

html[data-theme="portal"] body.folio-play .topbar.folio-imagine--play {
  grid-template-columns: 36px minmax(0, 1fr) auto auto 44px;
}

html[data-theme="portal"] body.folio-play .topbar.folio-imagine--play .folio-wordmark,
html[data-theme="portal"] body.folio-play .topbar.folio-imagine--play .brand-home,
html[data-theme="portal"] body.folio-play .topbar.folio-imagine--play .icon-btn,
html[data-theme="portal"] body.play-lb-shell .topbar,
html[data-theme="portal"] body.play-lb-shell .csl-lb-title,
html[data-theme="portal"] body.play-lb-shell .csl-lb-name {
  color: #0b0d10;
}

html[data-theme="portal"] body.folio-play .topbar.folio-imagine--play .icon-btn,
html[data-theme="portal"] body.play-lb-shell .icon-btn {
  border-color: #d6dce6;
  color: #0b0d10;
  background: #ffffff;
}

.play-theme-toggle .icon-moon { display: none; }
html[data-theme="dark"] .play-theme-toggle .icon-sun { display: none; }
html[data-theme="dark"] .play-theme-toggle .icon-moon { display: block; }

html[data-theme="portal"] body.folio-play .set-picker h1 {
  color: #0b0d10;
  text-shadow: none;
}

html[data-theme="portal"] body.folio-play .set-picker-lane--vintage .set-picker-lane-head h2,
html[data-theme="portal"] body.folio-play .set-picker-card,
html[data-theme="portal"] body.folio-play .set-picker-card-year {
  color: #0b0d10;
}

html[data-theme="portal"] body.folio-play .set-picker-hairline {
  background: #063672;
}

html[data-theme="portal"] body.folio-play .set-picker-card,
html[data-theme="portal"] body.folio-play .set-picker-card--vintage {
  background: #ffffff;
  border: 1px solid #e3e6eb;
  border-top: 2px solid #063672;
  box-shadow: none;
}

html[data-theme="portal"] body.folio-play .set-picker-card--featured {
  border-color: #ef0107;
  box-shadow: none;
}

html[data-theme="portal"] body.folio-play .set-picker-cta--ghost {
  border-color: #0b0d10;
  color: #0b0d10;
}

html[data-theme="portal"] body.folio-play .format-chip,
html[data-theme="portal"] body.folio-play .format-chip.is-on,
html[data-theme="portal"] body.folio-play .buy-count {
  color: #0b0d10;
  background: #ffffff;
  border-color: #d6dce6;
}

html[data-theme="portal"] body.folio-play .buy-cta-bar {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 42%);
}

html[data-theme="portal"] body.folio-play .stage-wrap.felt {
  background: radial-gradient(ellipse at 50% 35%, #ffffff 0%, #f6f7f9 58%, #eef1f5 100%);
}

html[data-theme="portal"] body.folio-play .stage-wrap.felt::after {
  background: none;
}

html[data-theme="portal"] body.folio-play .state-badge,
html[data-theme="portal"] body.folio-play .watching-pill,
html[data-theme="portal"] body.folio-play .state-badge.buy {
  background: #ffffff;
  color: #4b5260;
  border-color: #d6dce6;
}

html[data-theme="portal"] body.folio-play .sheet.scorecard {
  background: #ffffff;
  color: #0b0d10;
}

html[data-theme="portal"] body.folio-play .sheet.scorecard .sheet-handle {
  background: #063672;
}

html[data-theme="portal"] body.folio-play .scorecard-spots,
html[data-theme="portal"] body.folio-play .scorecard-actions .reload,
html[data-theme="portal"] body.folio-play .scorecard-actions .share,
html[data-theme="portal"] body.folio-play .scorecard-pro,
html[data-theme="portal"] body.folio-play .scorecard-pro-headline,
html[data-theme="portal"] body.folio-play .scorecard-pnl,
html[data-theme="portal"] body.folio-play .breaker-name,
html[data-theme="portal"] body.folio-play .owner-city,
html[data-theme="portal"] body.folio-play .owner-rarity,
html[data-theme="portal"] body.folio-play .chat-tick .user,
html[data-theme="portal"] body.folio-play .stage-badge .player {
  color: #0b0d10;
}

html[data-theme="portal"] body.folio-play .scorecard-spot {
  border-color: #e3e6eb;
}

html[data-theme="portal"] body.folio-play .scorecard-actions .reload,
html[data-theme="portal"] body.folio-play .scorecard-actions .share,
html[data-theme="portal"] body.folio-play .scorecard-pro {
  border-color: #d6dce6;
  background: #ffffff;
}

html[data-theme="portal"] body.folio-play .disclaimer,
html[data-theme="portal"] body.play-lb-shell .disclaimer {
  background: #ffffff;
  color: #3c4654;
  border-top: 1px solid #063672;
}

html[data-theme="portal"] body.folio-play .play-site-links a,
html[data-theme="portal"] body.folio-play .disclaimer .play-site-links a:hover {
  color: #063672;
}

html[data-theme="portal"] body.folio-play .chat-tick {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.55));
}

html[data-theme="portal"] body.folio-play .chat-tick .text {
  color: #0b0d10;
}

html[data-theme="portal"] body.folio-play .watermark {
  color: rgba(11, 13, 16, 0.28);
}

html[data-theme="portal"] body.play-lb-shell .csl-lb-card {
  background: #ffffff;
  color: #0b0d10;
  border-color: #e3e6eb;
}

html[data-theme="dark"] body.folio-play .topbar.folio-imagine--play {
  grid-template-columns: 36px minmax(0, 1fr) auto auto 44px;
}

html[data-theme="dark"] body.folio-play .play-theme-toggle,
html[data-theme="dark"] body.play-lb-shell .play-theme-toggle {
  color: #f4f4f1;
  border-color: rgba(244, 244, 241, 0.35);
  background: transparent;
}

html[data-theme="dark"] body.play-lb-shell,
html[data-theme="dark"] body.play-lb-shell .app {
  background: #0b0d10;
  color: #f4f4f1;
}

html[data-theme="dark"] body.play-lb-shell .topbar {
  background: #0b0d10;
  color: #f4f4f1;
  border-bottom: 1px solid rgba(244, 244, 241, 0.12);
}

html[data-theme="dark"] body.play-lb-shell .csl-lb-title,
html[data-theme="dark"] body.play-lb-shell .csl-lb-name,
html[data-theme="dark"] body.play-lb-shell .csl-lb-dek {
  color: #f4f4f1;
}

html[data-theme="dark"] body.play-lb-shell .csl-lb-card {
  background: #151820;
  color: #f4f4f1;
  border-color: rgba(244, 244, 241, 0.12);
}

html[data-theme="dark"] body.play-lb-shell .disclaimer {
  background: #0b0d10;
  color: #a3a9b5;
  border-top: 1px solid rgba(244, 244, 241, 0.12);
}