/* Draft's authored party-table theme: applies to its hub and playable page, in all locales.
   The page theme is set before paint and takes precedence over equipped shop themes, as Café does. */
[data-theme="draft"] {
  --bg: #211629; --bg-raised: #2b1d33;
  --surface-1: #35223c; --surface-2: #49334f; --surface-3: #594060;
  --text: #fff3d8; --text-muted: #dbc8db; --text-faint: #c4abc9;
  --border: #654b6b; --border-strong: #99729d; --border-control: #b192b6;
  --primary: #f2c56a; --primary-hover: #ffda8a; --primary-ink: #211629;
  --focus: #fff3d8; --accent: #f2c56a; --accent-ink: #211629;
  --cyan: #68d6e9; --pink: #f08dbb; --amber: #f2c56a; --lime: #92d99a;
  --coral: #efa58c; --violet: #c5ace7; --success: #92d99a; --danger: #f38f99;
  --bg-deep: #211629; --bg-card: #35223c; --text-bright: #fff3d8; --text-main: #dbc8db;
  --primary-color: #f2c56a; --primary-glow: #f2c56a30;
  --accent-cyan: #68d6e9; --accent-pink: #f08dbb; --accent-amber: #f2c56a;
  --accent-lime: #92d99a; --accent-coral: #efa58c;
  --glass: #35223c; --glass-border: #654b6b; --scrim: #160f1ccc;
}
[data-theme="draft"] body {
  background-color: #211629;
  background-image: radial-gradient(ellipse at 50% 0, #54345b80, transparent 65%),
    repeating-conic-gradient(#ffffff03 0% 25%, transparent 0% 50%);
  background-size: auto, 64px 64px;
  background-attachment: fixed;
}
[data-theme="draft"] #star-canvas { display: none; }
[data-theme="draft"] .site-header {
  background: #2b1d33f5;
  border-block-end-color: #654b6b;
}
[data-theme="draft"] .site-header :is(.mega-menu, .nav-dropdown, .drawer) { background: #2b1d33; }
[data-theme="draft"] :is(.page-head, .site-footer) { background: transparent; }
[data-theme="draft"] .page-head { padding-block: clamp(24px, 4vw, 46px) 22px; }
[data-theme="draft"] .page-head :is(h1, h2) {
  font-family: 'Draft Lilita', var(--font-body), sans-serif;
  font-weight: 400; text-transform: none; letter-spacing: .005em;
  color: #fff3d8; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.1;
}
[data-theme="draft"] .page-head p { max-inline-size: 65ch; font-size: clamp(1rem, 1.3vw, 1.2rem); line-height: 1.5; }
[data-theme="draft"] :is(.draft-h2, .seo-card h2, .seo-card h3, .section-title) {
  font-family: 'Draft Lilita', var(--font-body), sans-serif;
  font-weight: 400; text-transform: none; letter-spacing: .005em;
}
[data-theme="draft"] .draft-page > * + * { margin-block-start: clamp(28px, 4vw, 48px); }
[data-theme="draft"] :is(.draft-overview, .dp:not(.dp-layer)) {
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
}
[data-theme="draft"] .dp:not(.dp-layer) { padding: 10px 0 20px; }
[data-theme="draft"] .dp-menu { column-gap: clamp(32px, 7vw, 100px); }
[data-theme="draft"] .draft-overview { padding: 20px 0 34px; }
[data-theme="draft"] .draft-guide-grid { gap: 18px; }
[data-theme="draft"] .draft-guide {
  background: linear-gradient(125deg, #49334f, #35223c);
  border-color: #76577d; border-radius: 20px; box-shadow: 0 4px 0 #160f1c;
}
[data-theme="draft"] .draft-note { color: #dbc8db; }
[data-theme="draft"] :is(cps-faq, .draft-section, .draft-teaser) { --accent: #f2c56a; }
[data-theme="draft"] .draft-teaser { border-color: #99729d; background: #35223c; }
[data-theme="draft"] .draft-steps > li { border-color: #99729d; }
[data-theme="draft"] .draft-steps > li::before { color: #f2c56a; }
[data-theme="draft"] .site-footer { border-block-start-color: #654b6b; }
[data-theme="draft"] .dp-layer {
  background: radial-gradient(ellipse at 50% 0, #54345b80, transparent 65%),
    repeating-conic-gradient(#ffffff03 0% 25%, transparent 0% 50%) 0 / 64px 64px, #211629;
}
/* The category is table context; the cream card contains only the option up for auction. */
[data-theme="draft"] .dp-show {
  background: transparent; border: 0; box-shadow: none; border-radius: 0;
  padding: 0; gap: 8px 16px;
}
[data-theme="draft"] .dp-card { display: grid; gap: 5px; padding: 0; transform: none; }
[data-theme="draft"] .dp-card__label {
  color: #dbc8db; font: 600 .65rem/1.2 var(--font-body);
  letter-spacing: .1em; text-transform: uppercase;
}
[data-theme="draft"] .dp-card__theme {
  color: #f2c56a; font-size: clamp(1.4rem, 2.5vw, 2rem); line-height: 1.1;
}
[data-theme="draft"] .dp-lot__count { color: #dbc8db; letter-spacing: .05em; }
[data-theme="draft"] .dp-lot__title {
  min-block-size: 130px; padding: clamp(18px, 3vw, 34px);
  background: #fff3d8; color: #35223c; border: 2px solid #b68d4d;
  border-radius: 18px; box-shadow: 0 5px 0 #160f1c;
  font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.1; text-align: start; justify-items: start;
}
[data-theme="draft"] .dp-lead { padding-block: 8px 2px; justify-content: space-between; gap: 10px; min-block-size: 2.6rem; }
[data-theme="draft"] .dp-show[data-lead] .dp-lead__amount { color: #f2c56a; font-size: 2rem; }
[data-theme="draft"] .dp-lead__who { color: #dbc8db; font-size: .85rem; }
[data-theme="draft"] .dp-ring { border-radius: 50%; background: #35223c; }
[data-theme="draft"] .dp-ring__arc { stroke: #f2c56a; }
[data-theme="draft"] .dp-ring__track { stroke: #654b6b; }
[data-theme="draft"] .dp-ring__time { color: #fff3d8; }
[data-theme="draft"] .dp-stage[data-layout="single"] > .dp-show { min-block-size: 0; }
[data-theme="draft"] .dp-stage[data-layout="single"] .dp-board { align-content: start; align-items: start; gap: 10px; }
[data-theme="draft"] .dp-stage[data-layout="single"] .dp-seat--mini {
  align-content: start; min-block-size: 150px; border: 2px solid #160f1c;
  border-block-start: 3px solid var(--seat); box-shadow: 0 3px 0 #160f1c; padding: 12px;
}
[data-theme="draft"] .dp-stage[data-layout="single"] .dp-seat--mini .dp-seat__head { align-content: start; }
[data-theme="draft"] .dp-stage[data-layout="single"] .dp-seat--mini .dp-seat__money { font-size: 1.65rem; margin-block: 3px; }
[data-theme="draft"] .dp-stage[data-layout="single"] .dp-seat--mini .dp-pips { display: none; }
[data-theme="draft"] .dp-holdings { min-inline-size: 0; font-size: .75rem; color: #dbc8db; }
[data-theme="draft"] .dp-holdings > summary { cursor: pointer; min-block-size: 28px; padding-block: 5px; font-size: .75rem; }
[data-theme="draft"] .dp-holdings > summary:focus-visible { outline: 2px solid #fff3d8; outline-offset: 2px; border-radius: 4px; }
[data-theme="draft"] .dp-holdings .dp-seat__collection {
  display: grid; gap: 6px; max-block-size: 160px; overflow-y: auto;
  padding: 0; margin: 5px 0 0; list-style: none; scrollbar-width: thin;
}
[data-theme="draft"] .dp-holdings .dp-seat__collection:empty { margin: 0; }
[data-theme="draft"] .dp-seat--dock { margin-block-start: auto; background: transparent; padding: 8px 0 0; }
[data-theme="draft"] .dp-seat--dock > .dp-holdings { display: none; }
/* A shared-device table keeps every bidder's controls on screen. Purchases open over the table. */
[data-theme="draft"] .dp-rows .dp-seat {
  position: relative; grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px; padding: 6px 10px;
}
[data-theme="draft"] .dp-rows .dp-seat__head { grid-column: 1; grid-row: 1; flex-wrap: nowrap; }
[data-theme="draft"] .dp-rows .dp-holdings { grid-column: 2; grid-row: 1; }
[data-theme="draft"] .dp-rows .dp-holdings > summary { min-block-size: 44px; display: flex; align-items: center; }
[data-theme="draft"] .dp-rows .dp-holdings > summary::before { content: '▸'; margin-inline-end: 5px; }
[data-theme="draft"] .dp-rows .dp-holdings[open] > summary::before { content: '▾'; }
[data-theme="draft"] .dp-rows .dp-holdings[open] .dp-seat__collection:not(:empty) {
  position: absolute; inset-inline: 0; inset-block-end: calc(100% + 6px); z-index: 5;
  max-block-size: 120px; padding: 12px; background: #35223c; border: 1px solid #99729d; border-radius: 12px;
}
[data-theme="draft"] .dp-rows .dp-controls { grid-column: 1 / -1; grid-row: 2; min-block-size: 44px; }
[data-theme="draft"] .dp-rows :is(.dp-paddle, .dp-pass) { min-block-size: 44px; }
[data-theme="draft"] .dp-rows { gap: 4px; }
[data-theme="draft"] .dp-rows .dp-paddle { padding: 2px 4px; gap: 1px; }
[data-theme="draft"] .dp-rows .dp-paddle__amount { font-size: 1.2rem; line-height: 1; }
[data-theme="draft"] .dp-rows .dp-paddle__bid { font-size: .62rem; line-height: 1.1; }
[data-theme="draft"] .dp-rows .dp-seat__money { font-size: 1.1rem; min-inline-size: 0; }
[data-theme="draft"] .dp-rows .dp-pips { display: none; }
[data-theme="draft"] .dp-stage[data-layout="table"] > .dp-show { flex: 0 0 auto; }
[data-theme="draft"] .dp-stage[data-layout="table"] .dp-card__label { display: none; }
[data-theme="draft"] .dp-stage[data-layout="table"] .dp-ring { inline-size: 56px; block-size: 56px; }
[data-theme="draft"] .dp-stage[data-layout="table"] .dp-card__theme { font-size: 1.2rem; }
[data-theme="draft"] .dp-stage[data-layout="table"] .dp-lot__title { min-block-size: 74px; padding: 12px 16px; font-size: 1.7rem; }
[data-theme="draft"] .dp-stage[data-layout="table"] .dp-lead { min-block-size: 24px; padding-block: 3px 0; }
[data-theme="draft"] .dp-stage[data-layout="table"] .dp-lead__amount { font-size: 1.5rem; }
@media (min-width: 700px) {
  [data-theme="draft"] .dp-rows .dp-seat { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto; align-items: center; }
  [data-theme="draft"] .dp-rows .dp-seat__head { display: flex; flex-wrap: wrap; }
  [data-theme="draft"] .dp-rows .dp-controls { grid-column: 2; grid-row: 1; }
  [data-theme="draft"] .dp-rows .dp-holdings { grid-column: 3; }
}
[data-theme="draft"] .dp-seat--mine .dp-paddle { background: #f2c56a; color: #211629; }
[data-theme="draft"] .dp-stage .dp-pass { background: #49334f; color: #fff3d8; }
[data-theme="draft"] .dp-show--compact .dp-card { gap: 2px; }
[data-theme="draft"] .dp-show--compact .dp-card__label { font-size: .6rem; }
[data-theme="draft"] .dp-show--compact .dp-card__theme { font-size: 1rem; }
[data-theme="draft"] .dp-show--compact .dp-lot__title {
  min-block-size: 0; padding: 12px 16px; font-size: clamp(1.35rem, 2.5vw, 2.2rem);
}
[data-theme="draft"] .dp-show--compact .dp-lead { padding-block: 4px 0; min-block-size: 1.8rem; }
[data-theme="draft"] .dp-show--compact .dp-lead__amount { font-size: 1.6rem; }
@media (max-width: 699px) {
  [data-theme="draft"] .dp-stage[data-layout="table"][data-players="5"] .dp-show { gap: 6px 12px; }
  [data-theme="draft"] .dp-stage[data-layout="table"][data-players="5"] .dp-card__theme { font-size: 1rem; }
  [data-theme="draft"] .dp-stage[data-layout="table"][data-players="5"] .dp-lot__title {
    display: block; min-block-size: 56px; max-block-size: 88px; overflow-y: auto;
    padding: 8px 12px; font-size: 1.25rem;
  }
  [data-theme="draft"] .dp-stage[data-layout="table"][data-players="5"] .dp-ring { inline-size: 48px; block-size: 48px; }
}
@media (min-width: 1100px) {
  [data-theme="draft"] .dp-stage > .dp-show { align-content: center; }
  [data-theme="draft"] .dp-stage[data-layout="single"] .dp-lot__title { min-block-size: 220px; }
  [data-theme="draft"] .dp-stage > .dp-floor { max-block-size: calc(100dvh - 100px); }
}
@media (max-height: 740px) {
  [data-theme="draft"] .dp-stage .dp-show { gap: 5px 12px; }
  [data-theme="draft"] .dp-stage .dp-card__label { display: none; }
  [data-theme="draft"] .dp-stage[data-layout="single"] .dp-lot__title { min-block-size: 80px; padding: 12px 18px; font-size: 1.6rem; }
  [data-theme="draft"] .dp-stage[data-layout="single"] .dp-seat--mini { min-block-size: 100px; padding: 9px; }
  [data-theme="draft"] .dp-stage .dp-holdings .dp-seat__collection { max-block-size: 60px; }
  [data-theme="draft"] .dp-half > .dp-seat {
    position: relative; padding: 6px 10px; gap: 4px 8px;
    grid-template-columns: minmax(0, 1fr) auto; align-items: center;
  }
  [data-theme="draft"] .dp-half .dp-seat__head { flex-wrap: wrap; min-inline-size: 0; row-gap: 2px; }
  [data-theme="draft"] .dp-half .dp-holdings { grid-column: 2; grid-row: 1; }
  [data-theme="draft"] .dp-half .dp-holdings > summary { min-block-size: 44px; display: flex; align-items: center; }
  [data-theme="draft"] .dp-half .dp-holdings > summary::before { content: '▸'; margin-inline-end: 5px; }
  [data-theme="draft"] .dp-half .dp-holdings[open] > summary::before { content: '▾'; }
  [data-theme="draft"] .dp-half .dp-holdings[open] .dp-seat__collection:not(:empty) {
    position: absolute; inset-inline: 0; inset-block-end: calc(100% + 6px); z-index: 5;
    padding: 12px; max-block-size: 120px; background: #35223c;
    border: 1px solid #99729d; border-radius: 12px; box-shadow: 0 4px 0 #160f1c;
  }
  [data-theme="draft"] .dp-half .dp-controls { grid-column: 1 / -1; }
  [data-theme="draft"] .dp-show[data-coin="false"] .dp-coin { display: none; }
  [data-theme="draft"] .dp-half .dp-controls { min-block-size: 44px; }
  [data-theme="draft"] .dp-half :is(.dp-paddle, .dp-pass) { min-block-size: 44px; }
  [data-theme="draft"] .dp-half .dp-paddles { padding-block-end: 2px; }
  [data-theme="draft"] .dp-half .dp-paddle__amount { font-size: 1.35rem; }
  [data-theme="draft"] .dp-half .dp-paddle__bid { font-size: .65rem; }
  [data-theme="draft"] .dp-half .dp-pips { display: none; }
  [data-theme="draft"] .dp-half .dp-seat__money { min-inline-size: 0; font-size: 1rem; }
  [data-theme="draft"] .dp-half .dp-seat__name { font-size: .8rem; }
  [data-theme="draft"] .dp-show--compact { gap: 4px 8px; }
  [data-theme="draft"] .dp-show--compact .dp-lot__count { display: none; }
  [data-theme="draft"] .dp-show--compact .dp-card__theme { font-size: .9rem; line-height: 1.1; }
  [data-theme="draft"] .dp-show--compact .dp-lot__title { padding: 8px 12px; font-size: 1.15rem; line-height: 1.1; }
  [data-theme="draft"] .dp-show--compact .dp-lead { min-block-size: 1.4rem; padding-block: 0; }
  [data-theme="draft"] .dp-show--compact .dp-lead__amount { font-size: 1.4rem; }
  [data-theme="draft"] .dp-show--compact .dp-lead__who { font-size: .7rem; }
}
@media (min-width: 700px) and (max-height: 500px) {
  [data-theme="draft"] .dp-stage:is([data-layout="split"], [data-layout="side"]) {
    max-inline-size: 1280px;
    grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto minmax(0, 1fr);
    column-gap: 16px;
  }
  [data-theme="draft"] .dp-stage:is([data-layout="split"], [data-layout="side"]) .dp-mid {
    grid-column: 1 / -1; grid-row: 1;
  }
  [data-theme="draft"] .dp-stage:is([data-layout="split"], [data-layout="side"]) .dp-half--top {
    grid-column: 1; grid-row: 2;
  }
  [data-theme="draft"] .dp-stage:is([data-layout="split"], [data-layout="side"]) .dp-half--bottom {
    grid-column: 2; grid-row: 2;
  }
}
@media (max-width: 380px) {
  [data-theme="draft"] .dp:not(.dp-layer) { padding: 5px 0 16px; }
  [data-theme="draft"] .dp-stage .dp-show:not(.dp-show--compact) .dp-card__theme { font-size: 1.15rem; }
  [data-theme="draft"] .dp-stage .dp-show:not(.dp-show--compact) .dp-lot__title { font-size: 1.6rem; }
}