/* Project Dynasty identity and appearance controls. Loaded last by design. */
:root {
  --red: #b31004;
  --gold: #b8c0ca;
  --paper: #eef0ef;
  --panel: #ffffff;
  --ink: #0b1119;
  --muted: #5f6b79;
  --subtle: #dfe4e8;
  --line: #c9d0d6;
  --navy: #0b223d;
  --night: #050a10;
  --blue: #173f78;
  --wash: #edf1f4;
  --brand-red: #b31004;
  --brand-red-dark: #7c0a02;
  --brand-navy: #07111f;
  --brand-cobalt: #173f9f;
  --brand-silver: #c0c7cf;
}

html { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }

body {
  background:
    linear-gradient(90deg, rgba(7,17,31,.04) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(180deg, rgba(7,17,31,.1), transparent 440px),
    var(--paper);
}

.app-header {
  background:
    radial-gradient(circle at 15% -50%, rgba(23,63,159,.3), transparent 42%),
    linear-gradient(100deg, #04080d, #07111f 62%, #0d1723);
  border-bottom-color: rgba(192,199,207,.18);
}

.brand { gap: 12px; }
.brand img {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(192,199,207,.2);
  border-radius: 11px;
  object-fit: cover;
  box-shadow: 0 9px 24px rgba(0,0,0,.32);
}
.brand strong {
  font-size: clamp(15px, 1.45vw, 21px);
  letter-spacing: .045em;
  text-transform: uppercase;
}
.brand small { letter-spacing: .04em; }

.header-live span,
.ticker-label { background: linear-gradient(105deg, var(--brand-red), var(--brand-red-dark)); }
.discord-header-cta { border-color: rgba(192,199,207,.42); background: rgba(192,199,207,.09); }
.discord-header-cta:hover { background: var(--brand-silver); color: var(--brand-navy); }
.nav-tab-apply { background: rgba(179,16,4,.24); }
.nav-tab.is-active { box-shadow: inset 0 -3px 0 var(--brand-red); }

.theme-choice {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  gap: 2px;
  align-items: center;
  min-height: 36px;
  border: 1px solid rgba(192,199,207,.24);
  border-radius: 999px;
  padding: 3px;
  background: rgba(255,255,255,.04);
}
.theme-choice button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 60px;
  min-height: 28px;
  border: 0;
  border-radius: 999px;
  padding: 0 8px;
  background: transparent;
  color: rgba(255,255,255,.58);
  font-size: 10px;
  font-weight: 900;
}
.theme-choice button span { font-size: 13px; line-height: 1; }
.theme-choice button em { font-style: normal; }
.theme-choice button:hover { color: #fff; }
.theme-choice button.is-active { background: #f3f5f6; color: #07111f; }
.theme-choice button:focus-visible { outline: 3px solid #dfe4e8; outline-offset: 2px; }

.league-intro {
  isolation: isolate;
  border: 1px solid rgba(192,199,207,.14);
  background:
    linear-gradient(90deg, rgba(192,199,207,.035) 1px, transparent 1px) 0 0 / 68px 68px,
    radial-gradient(circle at 74% 18%, rgba(179,16,4,.14), transparent 32%),
    linear-gradient(125deg, #07111f, #0b1b31 68%, #101426);
}
.league-intro::after {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: -1;
  width: 5px;
  background: linear-gradient(180deg, var(--brand-red), #d0d5da 46%, #173f9f);
  content: "";
}
.league-intro-copy { position: relative; z-index: 1; }
.league-intro-crest {
  position: absolute;
  top: -45px;
  right: -12px;
  width: clamp(120px, 15vw, 210px);
  max-height: 250px;
  object-fit: contain;
  opacity: .09;
  pointer-events: none;
  filter: grayscale(.25);
}
.league-intro-copy .eyebrow { color: #c7cdd3; }
.league-intro h1 { max-width: 800px; font-size: clamp(46px, 5.8vw, 92px); line-height: .91; }
.league-intro h1 em { color: #d3d8dd; }
.league-intro-copy > p { max-width: 720px; }
.hero-btn.is-primary { background: linear-gradient(110deg, var(--brand-red), #c62216); }
.hero-btn.is-primary:hover { background: linear-gradient(110deg, #c51c0e, var(--brand-red)); }

.score-ribbon-label,
.league-ticker .ticker-label { background: linear-gradient(115deg, var(--brand-red), var(--brand-red-dark)); }
.eyebrow { color: var(--brand-red); }

html[data-theme="dark"] {
  --paper: #070d14;
  --panel: #0d1723;
  --ink: #eef1f4;
  --muted: #9ba8b6;
  --subtle: #222e3c;
  --line: #2b3948;
  --navy: #d9e0e6;
  --blue: #7f9fca;
  --wash: #111e2c;
  --shadow: 0 18px 48px rgba(0,0,0,.28);
  --tight-shadow: 0 9px 24px rgba(0,0,0,.24);
}

html[data-theme="dark"] body {
  color: var(--ink);
  background:
    linear-gradient(90deg, rgba(192,199,207,.025) 1px, transparent 1px) 0 0 / 72px 72px,
    radial-gradient(circle at 50% -15%, rgba(23,63,159,.16), transparent 34%),
    #070d14;
}

html[data-theme="dark"] body[data-view="join"],
html[data-theme="dark"] body[data-view="start"],
html[data-theme="dark"] body[data-view="icons"],
html[data-theme="dark"] body[data-view="trivia"] { background: #070d14; }

html[data-theme="dark"] :is(.panel,.card,.table-wrap,.division-block,.section-toolbar,.metric,.player-attribute-nav,.media-room-controls,.honors-archive-nav,.honor-winner,.honor-position-with-line,.history-leader-board > section,.history-bracket-game,.owner-split-grid article,.owner-tenure-timeline > span,.history-owner-chips > span,.apply-league-proof article,.icons-definition-section,.icons-archive-section,.icons-archive-pending,.editorial-section,.home-weekly-review,.highlight-leaders-section,.transaction-room,.about-purpose-section,.about-rhythm-section,.about-built-section,.about-roots-section,.start-guide-section,.start-example-section,.stats-focused-header,.focused-stat-board,.owner-ring-pool,.owner-ring-seat,.owner-ring-window) {
  border-color: #2b3948;
  background-color: #0d1723;
  color: #eef1f4;
  box-shadow: 0 12px 34px rgba(0,0,0,.2);
}

html[data-theme="dark"] :is(h1,h2,h3,h4,.section-head h2,.editorial-head h2,.stat-hub-title h2,.transaction-room-head h2) { color: #f5f7f8; }
html[data-theme="dark"] .history-preserved-head h1 { color:#101c2a; }
html[data-theme="dark"] :is(p,.muted,.section-head p,.editorial-head p,.stat-source-note) { color: #9ba8b6; }

html[data-theme="dark"] :is(.controls,.input,.select,input,select,textarea,.control-btn,.nav-tab,.team-directory-switch,.transaction-entry,.transaction-assets span,.overview-club,.weekly-review-card,.market-player-card,.movement-card,.season-high-card,.mini-list > *,.owner-ring-seat > footer,.owner-ring-seat > label,.owner-ring-seat-evidence,.owner-ring-seat-stats,.owner-ring-filters) {
  border-color: #2d3b4a;
  background-color: #101c29;
  color: #e7ebef;
}

html[data-theme="dark"] :is(.controls,.team-directory-switch) { background: rgba(13,23,35,.94); }
html[data-theme="dark"] :is(.control-btn:hover,.overview-club:hover,.weekly-review-card:hover,.market-player-card:hover) { background-color: #172535; }
html[data-theme="dark"] :is(th,.table-head) { color: #adb8c3; background: #111d2b; }
html[data-theme="dark"] :is(td,tr,.table-row) { border-color: #273545; }
html[data-theme="dark"] :is(a,.detail-link) { text-decoration-color: rgba(192,199,207,.45); }
html[data-theme="dark"] .controls { backdrop-filter: blur(14px); }
html[data-theme="dark"] .empty { border-color: #2d3b4a; background: #0f1b29; color: #9ba8b6; }
html[data-theme="dark"] .team-directory-switch button.is-active,
html[data-theme="dark"] .apply-steps article > span,
html[data-theme="dark"] .retired-number-card > strong { background: #112944; color: #eef1f4; }
html[data-theme="dark"] .ticker-live { background: #eef1f4; color: var(--brand-red); }
html[data-theme="dark"] .about-purpose-grid article,
html[data-theme="dark"] .about-built-grid article,
html[data-theme="dark"] .start-system-grid article { border-color: #2b3948; background: #101c29; color: #eef1f4; }
html[data-theme="dark"] .owner-ring-seat-player { background: linear-gradient(115deg,#142232,#0d1723); }
html[data-theme="dark"] .owner-ring-seat-player strong,
html[data-theme="dark"] .owner-ring-seat-evidence b,
html[data-theme="dark"] .owner-ring-seat-stats b,
html[data-theme="dark"] .owner-ring-window b { color: #f1f4f6; }
html[data-theme="dark"] :is(.player-attribute-nav p,.player-attribute-nav > div:last-child > span,.media-room-controls label > span,.honors-archive-nav p,.icons-archive-pending p,.apply-league-proof p,.history-owner-chips em) { color: #9ba8b6; }
html[data-theme="dark"] :is(.honors-archive-nav strong,.apply-league-proof strong,.icons-archive-pending h2,.icons-archive-pending > a) { color: #f1f4f6; }
html[data-theme="dark"] #honors .honor-winner-copy,
html[data-theme="dark"] #honors .honor-winner-copy > strong { color: #eef1f4; }
html[data-theme="dark"] #honors .honor-winner-copy p { color: #9ba8b6; }
html[data-theme="dark"] .media-room-controls :is(.select,.input) { border-color: #2d3b4a; background: #101c29; color: #e7ebef; }

@media (max-width: 1180px) {
  .header-primary { grid-template-columns: minmax(205px,auto) minmax(0,1fr) auto; gap: 14px; }
  .theme-choice button { min-width: 34px; }
  .theme-choice button em { display: none; }
}

@media (max-width: 900px) {
  .header-primary { grid-template-columns: minmax(0,1fr) auto; min-height: 62px; padding: 6px 12px; }
  .header-live { display: none; }
  .header-actions { align-items: center; }
  .brand { min-width: 0; }
  .brand img { width: 43px; height: 43px; border-radius: 9px; }
  .brand strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
  .brand small { font-size: 9px; }
  .theme-choice { min-height: 38px; }
  .theme-choice button { min-width: 34px; min-height: 30px; padding: 0 7px; }
  main { width: 100%; max-width: 100%; padding-right: 14px; padding-left: 14px; }
  .view,.view.is-active,.league-intro,.league-intro > * { min-width: 0; max-width: 100%; }
  .league-intro { grid-template-columns: minmax(0,1fr)!important; gap: 22px; overflow: hidden; }
  .home-replay-stage { width: 100%; min-width: 0; max-width: 100%; }
}

@media (max-width: 620px) {
  .discord-header-cta { display: none; }
  .brand strong { max-width: 160px; }
  .league-intro { padding: 26px 14px 14px!important; border-radius: 22px; }
  .league-intro-copy { padding: 4px 12px 0!important; }
  .league-intro-crest { top: -18px; right: -16px; width: 130px; }
  .league-intro h1 { max-width: 100%; font-size: clamp(38px, 11.2vw, 58px); overflow-wrap: anywhere; }
  .league-intro-copy > p { font-size: 15px; line-height: 1.55; }
  .home-entry-nav { grid-template-columns: minmax(0,1fr)!important; }
  .home-entry-nav .hero-btn { width: 100%; min-height: 50px; }
  .home-replay-matchup { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr)!important; }
  .home-replay-matchup a { min-width: 0; }
  .home-replay-matchup strong { font-size: 18px!important; }
}

@media (max-width: 360px) {
  .brand { gap: 8px; overflow: hidden; }
  .brand > span { width: 112px; min-width: 0; }
  .brand strong { max-width: 112px; font-size: 10px; letter-spacing: .04em; }
  .brand img { width: 40px; height: 40px; }
  .theme-choice { padding: 2px; }
  .theme-choice button { min-width: 31px; padding: 0 5px; }
  .nav-toggle { min-width: 44px; padding: 0 8px; }
  .nav-toggle-label { display: none; }
  .league-intro h1 { font-size: 38px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto!important; transition-duration: .001ms!important; animation-duration: .001ms!important; animation-iteration-count: 1!important; }
}

/* August 13: deeper dark surfaces with deliberate light data rooms. */
html[data-theme="dark"] {
  --paper:#060b12;
  --panel:#111d2a;
  --ink:#f4f6f8;
  --muted:#aeb9c5;
  --subtle:#2b3b4c;
  --line:#395067;
  --wash:#152434;
  --shadow:0 22px 58px rgba(0,0,0,.36);
  --tight-shadow:0 12px 30px rgba(0,0,0,.3);
}

html[data-theme="dark"] body {
  background:
    linear-gradient(90deg,rgba(190,207,224,.025) 1px,transparent 1px) 0 0/72px 72px,
    radial-gradient(circle at 16% -8%,rgba(27,75,137,.23),transparent 31%),
    radial-gradient(circle at 86% 30%,rgba(179,16,4,.075),transparent 27%),
    linear-gradient(180deg,#070d15,#050910 72%);
}

html[data-theme="dark"] :is(.panel,.card,.table-wrap,.division-block,.section-toolbar,.metric,.player-attribute-nav,.media-room-controls,.honors-archive-nav,.honor-winner,.honor-position-with-line,.history-leader-board > section,.history-bracket-game,.owner-split-grid article,.owner-tenure-timeline > span,.history-owner-chips > span,.apply-league-proof article,.icons-definition-section,.icons-archive-section,.icons-archive-pending,.editorial-section,.transaction-room,.about-purpose-section,.about-rhythm-section,.about-built-section,.about-roots-section,.start-guide-section,.start-example-section,.stats-focused-header,.focused-stat-board,.owner-ring-pool,.owner-ring-seat,.owner-ring-window) {
  border-color:#314457;
  background-color:#111d2a;
  box-shadow:0 16px 42px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.025);
}

html[data-theme="dark"] :is(.controls,.input,.select,input,select,textarea,.control-btn,.nav-tab,.team-directory-switch,.transaction-entry,.transaction-assets span,.weekly-review-card,.market-player-card,.movement-card,.mini-list > *,.owner-ring-seat > footer,.owner-ring-seat > label,.owner-ring-seat-evidence,.owner-ring-seat-stats,.owner-ring-filters) {
  border-color:#385067;
  background-color:#162536;
  color:#f0f3f6;
}

html[data-theme="dark"] :is(.control-btn:hover,.weekly-review-card:hover,.market-player-card:hover) { background-color:#1d3044; }
html[data-theme="dark"] :is(th,.table-head) { background:#17293b; color:#c7d1da; }
html[data-theme="dark"] :is(td,tr,.table-row) { border-color:#2d4053; }
html[data-theme="dark"] .empty { border-color:#385067; background:#142334; color:#b2bec9; }

html[data-theme="dark"] #overview :is(.franchise-section,.home-leader-board,.home-opening-strip) {
  border-color:#c8d1da;
  background:#edf1f4;
  color:#0b1623;
  box-shadow:0 22px 52px rgba(0,0,0,.28);
}

html[data-theme="dark"] #overview :is(.franchise-section,.home-leader-board,.home-opening-strip) :is(h2,h3,h4,strong) { color:#0b1623; }
html[data-theme="dark"] #overview :is(.franchise-section,.home-leader-board,.home-opening-strip) :is(p,small,em) { color:#647386; }
html[data-theme="dark"] #overview :is(.franchise-section,.home-leader-board) .detail-link { border-color:#9caab8; color:#10243e; text-decoration-color:#9d2530; }
html[data-theme="dark"] #overview .home-owner-grid .overview-club {
  border-color:#cbd4dc;
  background:linear-gradient(125deg,#fff 0 64%,color-mix(in srgb,var(--team-primary) 9%,#fff));
  color:#0b1623;
}
html[data-theme="dark"] #overview .overview-club-art { background:color-mix(in srgb,var(--team-primary) 10%,#f2f5f8); }
html[data-theme="dark"] #overview .home-leader-group { border-color:#ccd5dd; background:#f5f7fa; }
html[data-theme="dark"] #overview .home-leader-group > header strong { color:#fff; }
html[data-theme="dark"] #overview .home-leader-group .season-high-card { border-color:#dbe2e8; background:#fff; color:#0b1623; }
html[data-theme="dark"] #overview .home-leader-group .season-high-card :is(strong,b) { color:#0b1623; }

html[data-theme="dark"] #history .history-toolbar,
html[data-theme="dark"] #history .history-summary-grid > .panel,
html[data-theme="dark"] #history .history-playoff-board,
html[data-theme="dark"] #history .history-final-table,
html[data-theme="dark"] #history .history-leaders {
  border-color:#c9d2da;
  background:#edf1f4;
  color:#0b1623;
  box-shadow:0 22px 52px rgba(0,0,0,.3);
}

html[data-theme="dark"] #history :is(.history-toolbar,.history-summary-grid > .panel,.history-playoff-board,.history-final-table,.history-leaders) :is(h2,h3,h4,strong) { color:#0b1623; }
html[data-theme="dark"] #history :is(.history-toolbar,.history-summary-grid > .panel,.history-playoff-board,.history-final-table,.history-leaders) :is(p,em) { color:#647386; }
html[data-theme="dark"] #history .history-toolbar .select { border-color:#b9c4ce; background:#fff; color:#0b1623; }
html[data-theme="dark"] #history .history-owner-chips > span { border-color:#cbd4dc; background:#fff; color:#0b1623; box-shadow:none; }
html[data-theme="dark"] #history .history-owner-chips em { color:#697789; }
html[data-theme="dark"] #history .history-bracket-game { border-color:#cbd4dc; background:#fff; color:#0b1623; box-shadow:none; }
html[data-theme="dark"] #history .history-bracket-game > span { border-color:#dfe5ea; color:#5b697a; }
html[data-theme="dark"] #history .history-bracket-game > span.is-winner { background:#fff5d8; color:#0b1623; }
html[data-theme="dark"] #history .table-wrap { border-color:#cbd4dc; background:#fff; box-shadow:none; }
html[data-theme="dark"] #history .data-table th { background:#10243e; color:#dfe6ed; }
html[data-theme="dark"] #history .data-table td { border-color:#e0e5ea; color:#182536; }
html[data-theme="dark"] #history .data-table tr { background:#fff; }
html[data-theme="dark"] #history .data-table tbody tr:nth-child(even) { background:#f4f6f8; }
html[data-theme="dark"] #history .data-table .team-title a { color:#10243e; }
html[data-theme="dark"] #history .data-table .team-title p { color:#6a7888; }
html[data-theme="dark"] #history .history-leader-board > section { border-color:#cbd4dc; background:#f6f8fa; box-shadow:none; }
html[data-theme="dark"] #history .history-leader-board .season-high-card { border-color:#dce3e9; background:#fff; color:#0b1623; }
html[data-theme="dark"] #history .history-leader-board .season-high-card :is(strong,b) { color:#0b1623; }

@media (max-width:620px) {
  html[data-theme="dark"] #history .history-final-table { background:#e9eef2; }
}

/* Press Room 2.0 — the Owner Desk stylesheet loads after redesign.css. */
#owner-desk .owner-press-v2 { gap:18px; }
#owner-desk .owner-press-v2 :is(button,a,input,select,textarea,summary) { min-height:44px; }
#owner-desk .owner-press-start-card { display:grid; grid-template-columns:120px minmax(0,1fr); align-items:center; gap:22px; max-width:760px; margin:0 auto; border:1px solid #d5dfe9; border-top:8px solid var(--team-primary,#102943); border-radius:16px; background:#fff; padding:clamp(22px,4vw,38px); box-shadow:0 18px 42px rgba(12,37,64,.1); }
#owner-desk .owner-press-start-mark { display:grid; place-items:center; min-height:120px; border-radius:18px; background:linear-gradient(145deg,var(--team-primary,#102943),#203f5d); }
#owner-desk .owner-press-start-card h3 { margin:5px 0 7px; color:#19324d; font-family:Georgia,serif; font-size:clamp(24px,4vw,36px); line-height:1.02; letter-spacing:-.03em; }
#owner-desk .owner-press-start-card .eyebrow { color:#8a6200; }
#owner-desk .owner-press-start-card p { max-width:520px; margin:0 0 18px; color:#52677b; font-size:13px; line-height:1.55; }
#owner-desk .owner-press-start-link { display:flex; min-height:44px; align-items:center; margin-top:6px; border:0; background:transparent; padding:0; color:#42627e; font:inherit; font-size:11px; font-weight:900; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
#owner-desk .owner-press-archive-secondary { border-top:1px solid #d5dfe9; padding-top:14px; }
#owner-desk .owner-press-archive-secondary > summary { display:flex; min-height:44px; align-items:center; color:#45617d; cursor:pointer; font-size:11px; font-weight:950; letter-spacing:.04em; }
#owner-desk .owner-press-archive-secondary[open] > summary { margin-bottom:14px; }
#owner-desk .owner-press-archive-secondary .owner-press-archive { border-top:0; padding-top:0; }
#owner-desk .owner-press-newsdesk { display:grid; grid-template-columns:minmax(230px,.48fr) minmax(0,1.52fr); gap:12px; }
#owner-desk .owner-press-story-rail { display:grid; gap:7px; max-height:390px; overflow:auto; padding-right:3px; }
#owner-desk .owner-press-story-rail button { display:grid; gap:4px; min-height:82px; border:1px solid #d5dfe9; border-radius:13px; background:#f5f8fb; padding:12px 14px; color:#52667b; text-align:left; cursor:pointer; }
#owner-desk .owner-press-story-rail button span { color:#8797a8; font-size:8px; font-weight:1000; letter-spacing:.1em; text-transform:uppercase; }
#owner-desk .owner-press-story-rail button strong { color:#19324d; font-size:13px; line-height:1.2; }
#owner-desk .owner-press-story-rail button small { color:#738398; font-size:9px; line-height:1.35; }
#owner-desk .owner-press-story-rail button.is-active { border-color:var(--team-secondary,#b8c6d6); background:#fff; box-shadow:inset 4px 0 0 var(--team-primary,#102943),0 9px 22px rgba(12,37,64,.08); }
#owner-desk .owner-press-v2 .owner-press-event { min-height:246px; margin:0; }
#owner-desk .owner-press-subject { display:grid; gap:12px; border:1px solid #d5dfe9; border-radius:16px; background:#fff; padding:16px; }
#owner-desk .owner-press-subject header { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
#owner-desk .owner-press-subject header span { color:#8797aa; font-size:8px; font-weight:1000; letter-spacing:.11em; }
#owner-desk .owner-press-subject header strong { color:#1b344f; font-size:16px; }
#owner-desk .owner-press-subject > div { display:flex; flex-wrap:wrap; gap:7px; }
#owner-desk .owner-press-subject button,#owner-desk .owner-press-style-tabs button,#owner-desk .owner-press-mode button { min-height:44px; border:1px solid #ced9e4; border-radius:999px; background:#f4f7fa; padding:0 13px; color:#52667b; font:inherit; font-size:10px; font-weight:900; cursor:pointer; }
#owner-desk .owner-press-subject button.is-active,#owner-desk .owner-press-style-tabs button.is-active,#owner-desk .owner-press-mode button.is-active { border-color:var(--team-primary,#102943); background:var(--team-primary,#102943); color:#fff; }
#owner-desk .owner-press-subject-fields { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); }
#owner-desk .owner-press-subject-fields label { display:grid; gap:6px; color:#65778a; font-size:9px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
#owner-desk .owner-press-v2 .owner-press-composer { grid-template-columns:minmax(230px,.54fr) minmax(0,1.46fr); }
#owner-desk .owner-press-angle-board { display:grid; gap:9px; align-content:start; }
#owner-desk .owner-press-style-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
#owner-desk .owner-press-style-tabs button { padding:0 7px; border-radius:10px; }
#owner-desk .owner-press-current-angle { display:grid; gap:10px; border-radius:18px; background:#102943; padding:20px; color:#fff; box-shadow:0 15px 34px rgba(9,29,50,.18); }
#owner-desk .owner-press-current-angle > span { color:var(--team-secondary,#e4bd5a); font-size:10px; font-weight:1000; letter-spacing:.1em; text-transform:uppercase; }
#owner-desk .owner-press-current-angle > strong { font-size:15px; line-height:1.35; }
#owner-desk .owner-press-current-angle p { margin:0; border-top:1px solid rgba(255,255,255,.13); padding-top:10px; color:#dbe5ef; font-size:12px; line-height:1.5; }
#owner-desk .owner-press-current-angle button { min-height:44px; border:1px solid rgba(255,255,255,.25); border-radius:10px; background:rgba(255,255,255,.08); color:#fff; font:inherit; font-size:11px; font-weight:950; cursor:pointer; }
#owner-desk .owner-press-mode { display:flex; gap:6px; }
#owner-desk .owner-press-review { position:relative; display:grid; gap:14px; max-width:860px; margin:0 auto; border:1px solid #cbd7e2; border-top:9px solid var(--team-primary,#102943); border-radius:4px 4px 16px 16px; background:#fff; padding:clamp(22px,4vw,44px); color:#20364c; box-shadow:0 24px 58px rgba(12,38,64,.16); }
#owner-desk .owner-press-review::after { content:"OFFICIAL"; position:absolute; top:20px; right:24px; color:rgba(21,50,79,.06); font-size:52px; font-weight:1000; letter-spacing:-.04em; pointer-events:none; }
#owner-desk .owner-press-review header { display:flex; justify-content:space-between; gap:14px; border-bottom:1px solid #d8e1e9; padding-bottom:12px; }
#owner-desk .owner-press-review header span { color:var(--team-primary,#102943); font-size:9px; font-weight:1000; letter-spacing:.12em; }
#owner-desk .owner-press-review header strong { color:#718296; font-size:10px; }
#owner-desk .owner-press-review h3 { max-width:700px; margin:4px 0; color:#20364c; font-family:Georgia,serif; font-size:clamp(27px,4vw,44px); line-height:1.02; letter-spacing:-.035em; }
#owner-desk .owner-press-review > div { max-width:760px; color:#3b5065; font-family:Georgia,serif; font-size:15px; line-height:1.75; }
#owner-desk .owner-press-review footer { display:flex; justify-content:flex-end; gap:8px; border-top:1px solid #d8e1e9; padding-top:15px; }
#owner-desk .owner-press-review footer button { min-height:44px; border:1px solid #cad6e1; border-radius:9px; background:#f5f7f9; padding:0 15px; color:#385069; font:inherit; font-size:11px; font-weight:950; }
#owner-desk .owner-press-review footer button.is-publish { border-color:var(--team-primary,#102943); background:var(--team-primary,#102943); color:#fff; }
#owner-desk .owner-press-archive { display:grid; gap:10px; border-top:1px solid #d5dfe9; padding-top:18px; }
#owner-desk .owner-press-archive > header { display:flex; align-items:end; justify-content:space-between; gap:14px; }
#owner-desk .owner-press-archive > header span { color:#aebdcc; font-size:8px; font-weight:1000; letter-spacing:.11em; }
#owner-desk .owner-press-archive h3 { margin:4px 0 0; color:#19324d; font-size:22px; }
html[data-theme="dark"] #owner-desk .owner-press-archive h3 { color:#f4f7fa; }
#owner-desk .owner-press-archive > header > div:last-child { display:flex; gap:6px; }
#owner-desk .owner-press-archive select { min-height:44px; border:1px solid #d0dbe5; border-radius:9px; background:#fff; padding:0 9px; color:#53687e; font:inherit; font-size:10px; font-weight:850; }
#owner-desk .owner-press-archive details { border:1px solid #d7e0e9; border-radius:12px; background:#fff; }
#owner-desk .owner-press-archive summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 15px; cursor:pointer; }
#owner-desk .owner-press-archive summary span { display:grid; gap:3px; }
#owner-desk .owner-press-archive summary small { color:#8090a1; font-size:8px; font-weight:900; }
#owner-desk .owner-press-archive summary strong { color:#1d374f; font-size:13px; }
#owner-desk .owner-press-archive summary b { color:#72849a; font-size:8px; letter-spacing:.07em; text-transform:uppercase; }
#owner-desk .owner-press-archive article { display:grid; gap:13px; border-top:1px solid #e0e7ed; padding:16px; }
#owner-desk .owner-press-archive article p { margin:0; color:#42586e; font-family:Georgia,serif; font-size:13px; line-height:1.65; }
#owner-desk .owner-press-archive dl { display:grid; gap:9px; margin:0; }
#owner-desk .owner-press-archive dl div { display:grid; gap:3px; }
#owner-desk .owner-press-archive dt { color:#50667c; font-size:10px; font-weight:900; }
#owner-desk .owner-press-archive dd { margin:0; color:#6c7e91; font-size:11px; }
#owner-desk .owner-press-archive article footer { display:flex; justify-content:space-between; gap:10px; color:#7c8c9c; font-size:9px; }
#owner-desk .owner-press-archive article footer a { color:#183f68; font-weight:950; }
#owner-desk .owner-press-archive-empty { color:#718397; font-size:11px; }

@media (max-width:760px) {
  #owner-desk .owner-press-start-card { grid-template-columns:1fr; }
  #owner-desk .owner-press-start-mark { min-height:84px; }
  #owner-desk .owner-press-newsdesk,#owner-desk .owner-press-v2 .owner-press-composer { grid-template-columns:minmax(0,1fr); }
  #owner-desk .owner-press-story-rail { display:flex; max-height:none; overflow-x:auto; scroll-snap-type:x mandatory; }
  #owner-desk .owner-press-story-rail button { min-width:82%; scroll-snap-align:start; }
  #owner-desk .owner-press-v2 .owner-press-event { min-height:168px; }
  #owner-desk .owner-press-subject header,#owner-desk .owner-press-archive > header { align-items:flex-start; flex-direction:column; }
  #owner-desk .owner-press-subject-fields { grid-template-columns:minmax(0,1fr); }
  #owner-desk .owner-press-archive > header > div:last-child { width:100%; overflow-x:auto; }
  #owner-desk .owner-press-review { padding:22px 17px; }
  #owner-desk .owner-press-review::after { font-size:34px; }
  #owner-desk .owner-press-review footer { display:grid; grid-template-columns:1fr; }
  #owner-desk .owner-press-archive summary { align-items:flex-start; flex-direction:column; }
}

@media (max-width:390px) {
  #owner-desk .owner-press-style-tabs { grid-template-columns:1fr; }
  #owner-desk .owner-press-mode { display:grid; grid-template-columns:1fr; }
  #owner-desk .owner-press-subject > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #owner-desk .owner-press-subject button { padding-inline:7px; }
  #owner-desk .owner-press-archive > header > div:last-child { display:grid; grid-template-columns:1fr; }
}

/* Icons Lottery / Draft v3 */
.icons-show-shell :is(button,a,input,select,textarea) { min-height:44px; }
.icons-lane-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 0 14px; padding:7px; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:#0a1725; }
.icons-lane-tabs button { display:flex; align-items:center; justify-content:space-between; border:0; border-radius:11px; background:transparent; color:#8fa2b5; padding:0 14px; font:inherit; font-weight:900; }
.icons-lane-tabs button.is-active { background:#183653; color:#fff; box-shadow:0 8px 22px rgba(0,0,0,.22); }
.icons-lane-tabs b { color:#e8bd55; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.icons-lane-setup,.icons-lane-review { display:grid; gap:18px; border:1px solid rgba(255,255,255,.12); border-radius:22px; background:linear-gradient(145deg,#0a1a29,#102a40); padding:clamp(18px,3vw,34px); color:#fff; }
.icons-lane-setup > header,.icons-lane-review > header { display:grid; gap:7px; }
.icons-lane-setup h1,.icons-lane-review h1 { margin:0; font-size:clamp(32px,6vw,72px); line-height:.92; letter-spacing:-.045em; word-spacing:.06em; }
.icons-lane-setup header p { max-width:650px; margin:0; color:#9fb1c3; }
.icons-lane-setup > footer,.icons-lane-review > footer { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; }
.icons-lane-setup > footer button,.icons-lane-review > footer button { border:1px solid rgba(232,189,85,.42); border-radius:12px; background:#162b40; color:#fff; padding:0 18px; font:inherit; font-weight:900; }
.icons-lane-setup > footer .icons-show-action,.icons-lane-review > footer .icons-show-action { background:#e8bd55; color:#091421; }
.icons-mode-switch { display:grid; grid-template-columns:auto auto auto minmax(160px,1fr); align-items:center; gap:8px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:#0a1928; padding:9px; }
.icons-mode-switch > span { padding:0 8px; color:#8498aa; font-size:9px; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
.icons-mode-switch button { border:1px solid rgba(255,255,255,.12); border-radius:9px; background:#13283c; color:#a9b8c7; padding:0 16px; font:inherit; font-weight:900; }
.icons-mode-switch button.is-active { border-color:#e8bd55; background:#e8bd55; color:#07111c; }
.icons-mode-switch small { justify-self:end; color:#91a3b5; }
.icons-verified-owners { overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:#0c1d2d; }
.icons-verified-owners > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 17px; border-bottom:1px solid rgba(255,255,255,.08); }
.icons-verified-owners h2 { margin:2px 0 0; font-size:22px; }
.icons-verified-owners > header > b { border-radius:999px; padding:7px 10px; font-size:9px; letter-spacing:.08em; }
.icons-verified-owners > header > b.is-good { background:#163d31; color:#8ce0b9; }
.icons-verified-owners > header > b.is-bad { background:#49242a; color:#ffb1b7; }
.icons-verified-owners > p { margin:0; padding:13px 16px; color:#ffb6b6; }
.icons-lottery-order-note { margin:0; border-bottom:1px solid rgba(255,255,255,.08); padding:12px 16px; color:#9dafbf; font-size:11px; }
.icons-lottery-order { overflow:hidden; }
.icons-lottery-order > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-bottom:1px solid rgba(255,255,255,.08); }
.icons-lottery-order label { display:grid; grid-template-columns:30px 34px minmax(0,1fr); align-items:center; gap:8px; min-width:0; padding:8px 11px; border-right:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); }
.icons-lottery-order label > b { color:#e8bd55; text-align:center; font-size:11px; }
.icons-lottery-order label > span { display:grid; place-items:center; }
.icons-lottery-order .team-mark { width:32px; height:32px; border-radius:8px; }
.icons-lottery-order select { width:100%; min-width:0; border:1px solid rgba(255,255,255,.12); border-radius:9px; background:#142b40; color:#fff; padding:0 10px; font:inherit; font-size:12px; font-weight:800; }
.icons-lottery-order footer { display:flex; justify-content:flex-end; padding:12px; }
.icons-lottery-order footer button { border:1px solid rgba(232,189,85,.4); border-radius:9px; background:#172e44; color:#fff; padding:0 13px; font:inherit; font-weight:900; }
.icons-draft-order-setup { overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:#0c1d2d; }
.icons-draft-order-setup > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; }
.icons-draft-order-setup h2 { margin:2px 0 0; font-size:22px; }
.icons-draft-order-setup > header button,.icons-draft-order-setup > button { border:1px solid rgba(232,189,85,.4); border-radius:9px; background:#172e44; color:#fff; padding:0 13px; font:inherit; font-weight:900; }
.icons-draft-order-setup > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.08); }
.icons-draft-order-setup label { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:8px; padding:8px 11px; border-right:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); }
.icons-draft-order-setup label > b { color:#e8bd55; text-align:center; }
.icons-draft-order-setup select { width:100%; border:1px solid rgba(255,255,255,.12); border-radius:9px; background:#142b40; color:#fff; padding:0 10px; font:inherit; font-weight:800; }
.icons-draft-order-setup > button { margin:12px; float:right; }
.icons-draft-clock-setup { display:flex; flex-wrap:wrap; align-items:end; gap:9px; }
.icons-draft-clock-setup label { display:grid; gap:5px; color:#95a8b9; font-size:9px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.icons-draft-clock-setup select,.icons-draft-clock-setup button { border:1px solid rgba(255,255,255,.13); border-radius:10px; background:#142b40; color:#fff; padding:0 12px; font:inherit; font-weight:900; }
.icons-draft-clock-setup > span { margin-left:auto; color:#e8bd55; font-weight:900; }
.icons-result-board { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:#0c1d2d; }
.icons-result-board article { display:grid; grid-template-columns:32px 42px minmax(0,1fr); align-items:center; gap:10px; padding:10px 12px; border-right:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); }
.icons-result-board article > b { color:#e8bd55; }
.icons-result-board .team-mark { width:42px; height:42px; border-radius:10px; }
.icons-result-board article span { display:grid; }
.icons-result-board article small { color:#8296a9; }
.icons-final-picks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.icons-final-picks article { display:grid; grid-template-columns:76px minmax(0,1fr); align-items:center; gap:12px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:linear-gradient(130deg,var(--team-color,#16334f),#0b1927); padding:9px; }
.icons-final-picks article > img,.icons-final-picks article > .team-mark { width:76px; height:76px; border-radius:11px; object-fit:cover; }
.icons-final-picks article span { display:grid; gap:3px; min-width:0; }
.icons-final-picks article small { color:#e8bd55; font-weight:900; }
.icons-final-picks article strong { overflow:hidden; color:#fff; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.icons-final-picks article em { color:#a6b4c1; font-style:normal; }
.icons-guarantees { display:flex; flex-wrap:wrap; align-items:center; gap:8px; border:1px solid rgba(232,189,85,.28); border-radius:14px; background:#0d1c2b; padding:12px; }
.icons-guarantees > span { margin-right:5px; color:#e8bd55; font-size:9px; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
.icons-guarantees > p { flex:1 1 100%; margin:0; color:#9dafbf; font-size:11px; }
.icons-guarantees > b { display:flex; align-items:center; gap:6px; border-radius:999px; background:#152b41; padding:5px 9px; color:#fff; font-size:10px; }
.icons-guarantees .team-mark { width:28px; height:28px; border-radius:7px; }
.icons-setup-blocker { margin:0; border:1px solid rgba(255,105,105,.35); border-radius:12px; background:rgba(110,24,31,.22); padding:11px 13px; color:#ffc6c6; font-weight:850; }
#owner-desk .owner-icons-lanes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0 18px 18px; }
#owner-desk .owner-icons-lane { display:grid; gap:7px; border:1px solid rgba(255,255,255,.11); border-radius:16px; background:linear-gradient(135deg,#143a5c,#101d2d); padding:18px; }
#owner-desk .owner-icons-lane > span { color:#e8bd55; font-size:9px; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
#owner-desk .owner-icons-lane h3 { margin:0; color:#fff; font-size:24px; }
#owner-desk .owner-icons-lane p { min-height:32px; margin:0; color:#9dafbf; font-size:11px; }
#owner-desk .owner-icons-lane button { margin-top:5px; }
@media (max-width:620px) {
  .icons-lane-tabs,.icons-result-board,.icons-final-picks,.icons-draft-order-setup > div,#owner-desk .owner-icons-lanes { grid-template-columns:1fr; }
  .icons-mode-switch { grid-template-columns:1fr 1fr; }
  .icons-mode-switch > span,.icons-mode-switch small { grid-column:1/-1; justify-self:start; }
  .icons-lottery-order > div { grid-template-columns:1fr; }
  .icons-lottery-order label { grid-template-columns:30px 34px minmax(0,1fr); }
  .icons-lane-setup { padding:15px 15px 84px; border-radius:17px; }
  .icons-lane-review { padding:15px; border-radius:17px; }
  .icons-lane-setup > footer { position:fixed; right:0; bottom:0; left:0; z-index:20; display:grid; grid-template-columns:1fr; margin:0; padding:10px max(15px,calc((100vw - 900px)/2)); border-top:1px solid rgba(232,189,85,.28); background:rgba(7,17,28,.94); box-shadow:0 -12px 28px rgba(0,0,0,.24); backdrop-filter:blur(14px); }
  .icons-lane-setup > footer button { width:100%; }
  .icons-lane-review > footer { display:grid; grid-template-columns:1fr; }
  .icons-draft-order-setup > header { align-items:flex-start; flex-direction:column; }
}
@media (max-width:360px) { .icons-final-picks article { grid-template-columns:58px minmax(0,1fr); } .icons-final-picks article > img,.icons-final-picks article > .team-mark { width:58px; height:58px; } }
@media (prefers-reduced-motion:reduce) { .icons-lane-tabs button,.icons-lane-setup button { transition:none!important; } }

/* M27 Owner Desk operations */
.owner-roster-table,
.owner-credit-ledger,
.owner-credit-catalog,
.owner-availability-week,
.owner-activity-owner-list,
.owner-activity-owner-detail { border:1px solid rgba(20,48,77,.13); border-radius:18px; background:#fff; box-shadow:0 14px 34px rgba(8,24,42,.07); overflow:hidden; }
.owner-roster-head,
.owner-roster-row { display:grid; grid-template-columns:minmax(240px,1fr) repeat(5,64px); align-items:center; gap:10px; }
.owner-roster-head { min-height:44px; background:#102944; color:#aebed0; padding:0 18px; font-size:10px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.owner-roster-row { min-height:70px; border-top:1px solid rgba(20,48,77,.1); color:#102944; padding:8px 18px; text-decoration:none; transition:background .16s ease, transform .16s ease; }
.owner-roster-row:hover { background:#f4f8fc; transform:translateX(2px); }
.owner-roster-row > .player-avatar { grid-row:1; width:52px!important; height:58px!important; }
.owner-roster-row > span { display:grid; grid-column:1; grid-row:1; min-width:0; padding-left:58px; }
.owner-roster-row > span small { color:#6a7888; font-size:10px; font-weight:850; letter-spacing:.04em; }
.owner-roster-row > span strong { overflow:hidden; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }
.owner-roster-row > b { text-align:center; font-size:14px; }

.owner-availability-week { margin-bottom:18px; padding:22px; }
.owner-availability-week > header { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
.owner-availability-week h3 { margin:3px 0 0; color:#102944; font-size:22px; }
.owner-availability-week > header label { display:grid; gap:5px; color:#6b7785; font-size:10px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.owner-availability-matrix { display:grid; grid-template-columns:72px repeat(3,minmax(90px,1fr)); gap:8px; margin-top:20px; }
.owner-availability-matrix > b { align-self:center; color:#667587; font-size:10px; letter-spacing:.06em; text-align:center; text-transform:uppercase; }
.owner-availability-matrix > strong { display:flex; align-items:center; color:#102944; font-size:12px; }
.owner-availability-matrix label { min-height:46px; cursor:pointer; }
.owner-availability-matrix input { position:absolute; opacity:0; pointer-events:none; }
.owner-availability-matrix label span { display:grid; min-height:46px; place-items:center; border:1px solid #d9e1e9; border-radius:10px; background:#f7f9fb; color:#607083; font-size:0; font-weight:900; }
.owner-availability-matrix label span::after { content:""; width:10px; height:10px; border:2px solid #a9b5c2; border-radius:50%; }
.owner-availability-matrix input:checked + span { border-color:#d7aa3d; background:#fff6d9; color:#102944; box-shadow:inset 0 0 0 1px rgba(215,170,61,.22); }
.owner-availability-matrix input:checked + span::after { border-color:#b98513; background:#d7aa3d; box-shadow:inset 0 0 0 2px #fff6d9; }
.owner-availability-matrix input:focus-visible + span { outline:3px solid rgba(50,119,186,.35); outline-offset:2px; }
.owner-availability-week > footer { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:14px; margin-top:18px; }
.owner-availability-week > footer label { display:grid; gap:6px; color:#5e6d7d; font-size:11px; font-weight:850; }
.owner-availability-week .control-btn { min-height:46px; }

.owner-credit-ledger,
.owner-credit-catalog { margin-top:18px; }
.owner-credit-ledger > header,
.owner-credit-catalog > header { display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid rgba(20,48,77,.1); padding:14px 18px; }
.owner-credit-ledger h3,
.owner-credit-catalog h3 { margin:3px 0 0; color:#102944; font-size:20px; }
.owner-credit-ledger > header > strong { color:#102944; font-size:27px; }
.owner-credit-ledger > header > strong small { display:block; color:#748295; font-size:9px; letter-spacing:.08em; text-align:right; text-transform:uppercase; }
.owner-credit-receipts { display:grid; }
.owner-credit-receipts > article { display:flex; min-height:62px; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid rgba(20,48,77,.08); padding:10px 18px; }
.owner-credit-receipts > article:first-child { border-top:0; }
.owner-credit-receipts > article > span { display:grid; min-width:0; gap:3px; }
.owner-credit-receipts > article strong { color:#102944; font-size:13px; }
.owner-credit-receipts > article small { overflow:hidden; color:#758294; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.owner-credit-receipts > article > b { color:#16805a; font-size:18px; }
.owner-credit-receipts > article > b.is-negative { color:#b73f3f; }
.owner-credit-receipts > p { margin:0; color:#768496; padding:20px; }
.owner-credit-catalog > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.owner-credit-catalog article { display:flex; min-height:84px; align-items:center; justify-content:space-between; gap:14px; border-bottom:1px solid rgba(20,48,77,.08); padding:13px 18px; }
.owner-credit-catalog article:nth-child(odd) { border-right:1px solid rgba(20,48,77,.08); }
.owner-credit-catalog article > span { display:grid; gap:2px; }
.owner-credit-catalog article small { color:#9b7119; font-size:9px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.owner-credit-catalog article strong { color:#102944; font-size:13px; }
.owner-credit-catalog article em { color:#748295; font-size:10px; font-style:normal; }
.owner-credit-catalog article > b { color:#16805a; font-size:20px; }

.owner-activity-admin-layout { display:grid; grid-template-columns:minmax(280px,360px) minmax(0,1fr); align-items:start; gap:18px; }
.owner-activity-owner-list { display:grid; align-content:start; }
.owner-activity-owner-list > button { display:grid; grid-template-columns:42px minmax(0,1fr) auto; min-height:66px; align-items:center; gap:10px; border:0; border-bottom:1px solid rgba(20,48,77,.09); background:#fff; color:#102944; padding:8px 13px; text-align:left; cursor:pointer; }
.owner-activity-owner-list > button:last-child { border-bottom:0; }
.owner-activity-owner-list > button:hover,
.owner-activity-owner-list > button.is-active { background:#edf4fb; }
.owner-activity-owner-list .team-mark { width:38px; height:38px; }
.owner-activity-owner-list > button > span { display:grid; min-width:0; }
.owner-activity-owner-list > button > span strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.owner-activity-owner-list > button > span small { color:#7a8795; font-size:9px; }
.owner-activity-owner-list > button > b { font-size:17px; text-align:right; }
.owner-activity-owner-list > button > b small { display:block; color:#8b98a6; font-size:8px; letter-spacing:.08em; }
.owner-activity-owner-detail > header { display:grid; grid-template-columns:64px minmax(0,1fr) auto; min-height:100px; align-items:center; gap:14px; background:#102944; color:#fff; padding:15px 18px; }
.owner-activity-owner-detail > header .team-mark { width:60px; height:60px; }
.owner-activity-owner-detail > header > span small { color:#d8af4f; font-size:9px; font-weight:950; letter-spacing:.1em; }
.owner-activity-owner-detail > header h3 { margin:3px 0 0; font-size:23px; }
.owner-activity-owner-detail > header > strong { font-size:30px; text-align:right; }
.owner-activity-owner-detail > header > strong small { display:block; color:#9fb0c1; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.owner-activity-admin-metrics { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid rgba(20,48,77,.1); }
.owner-activity-admin-metrics > span { display:grid; min-height:72px; place-content:center; gap:3px; border-right:1px solid rgba(20,48,77,.1); text-align:center; }
.owner-activity-admin-metrics > span:last-child { border-right:0; }
.owner-activity-admin-metrics small { color:#758294; font-size:9px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.owner-activity-admin-metrics b { color:#102944; font-size:20px; }

.owner-access-page { display:grid; gap:18px; }

.apply-decision-path { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; margin:12px 0; border:1px solid rgba(20,48,77,.13); border-radius:18px; background:#fff; box-shadow:0 14px 34px rgba(8,24,42,.07); }
.apply-decision-path > header { grid-column:1/-1; border-bottom:1px solid rgba(20,48,77,.1); padding:16px 18px; }
.apply-decision-path > header h2 { margin:3px 0 0; color:#102944; font-size:25px; }
.apply-decision-path > article { min-height:128px; border-right:1px solid rgba(20,48,77,.1); padding:18px; }
.apply-decision-path > article:last-child { border-right:0; }
.apply-decision-path small { color:#8a661b; font-size:9px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.apply-decision-path strong { display:block; margin-top:7px; color:#102944; font-size:16px; }
.apply-decision-path p { margin:6px 0 0; color:#68778b; font-size:11px; line-height:1.5; }
html[data-theme="dark"] .apply-decision-path { border-color:#c9d2da; background:#edf1f4; }
html[data-theme="dark"] .apply-decision-path :is(h2,strong) { color:#0b1623; }
html[data-theme="dark"] .apply-decision-path p { color:#647386; }
.owner-access-layout { display:grid; grid-template-columns:minmax(270px,.72fr) minmax(0,1.6fr); gap:18px; align-items:start; }
.owner-access-builder,
.owner-access-directory,
.owner-access-preview,
.owner-access-receipts { overflow:hidden; border:1px solid rgba(20,48,77,.13); border-radius:18px; background:#fff; box-shadow:0 14px 34px rgba(8,24,42,.07); }
.owner-access-builder { display:grid; gap:15px; padding:19px; }
.owner-access-builder > header h3 { margin:4px 0 0; color:#102944; font-size:23px; }
html[data-theme="dark"] .owner-access-builder > header h3 { color:#102944; }
.owner-access-builder label { display:grid; gap:6px; color:#526479; font-size:10px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.owner-access-builder .control-btn { min-height:46px; }
.owner-access-direct { border:1px solid rgba(20,48,77,.12); border-radius:12px; background:#f7f9fb; }
.owner-access-direct > summary { display:flex; min-height:44px; align-items:center; color:#324c68; padding:0 12px; font-size:10px; font-weight:950; cursor:pointer; list-style:none; }
.owner-access-direct > summary::-webkit-details-marker { display:none; }
.owner-access-direct > summary::after { content:"+"; margin-left:auto; color:#8090a1; font-size:16px; }
.owner-access-direct[open] > summary::after { content:"−"; }
.owner-access-direct > div { display:grid; gap:12px; border-top:1px solid rgba(20,48,77,.1); padding:12px; }
.owner-access-approval { display:grid!important; grid-template-columns:20px minmax(0,1fr); align-items:center; min-height:44px; gap:9px!important; color:#324c68!important; letter-spacing:0!important; text-transform:none!important; }
.owner-access-approval input { width:18px; height:18px; margin:0; accent-color:#173f69; }
.owner-access-directory > header,
.owner-access-receipts > header { display:flex; min-height:62px; align-items:center; justify-content:space-between; gap:12px; background:#102944; color:#fff; padding:12px 16px; }
.owner-access-directory > header span,
.owner-access-receipts > header span { display:grid; }
.owner-access-directory > header small,
.owner-access-receipts > header small { color:#d8af4f; font-size:8px; font-weight:950; letter-spacing:.12em; }
.owner-access-directory > header strong,
.owner-access-receipts > header strong { font-size:19px; }
.owner-access-directory > header > b { border-radius:999px; background:rgba(255,255,255,.12); padding:6px 9px; font-size:9px; letter-spacing:.08em; }
.owner-access-directory > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.owner-access-directory article { display:grid; grid-template-columns:42px minmax(0,1fr) auto; min-height:68px; align-items:center; gap:10px; border-bottom:1px solid rgba(20,48,77,.09); padding:8px 12px; }
.owner-access-directory article:nth-child(odd) { border-right:1px solid rgba(20,48,77,.09); }
.owner-access-directory article .team-mark { width:38px; height:38px; }
.owner-access-directory article > span { display:grid; min-width:0; }
.owner-access-directory article small { color:#84909e; font-size:8px; font-weight:950; letter-spacing:.08em; }
.owner-access-directory article strong { overflow:hidden; color:#102944; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.owner-access-directory article button { min-width:58px; min-height:44px; border:0; background:transparent; color:#a3282e; font-size:9px; font-weight:950; cursor:pointer; }
.owner-access-directory article button:disabled { color:#aab2bc; cursor:not-allowed; }
.owner-access-directory article em { color:#8b98a6; font-size:8px; font-style:normal; font-weight:950; letter-spacing:.08em; }
.owner-access-preview > header { display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:13px; background:linear-gradient(120deg,#102944,#173f69); color:#fff; padding:14px 17px; }
.owner-access-preview > header .team-mark { width:54px; height:54px; }
.owner-access-preview > header span { display:grid; }
.owner-access-preview > header small { color:#d8af4f; font-size:8px; font-weight:950; letter-spacing:.12em; }
.owner-access-preview > header h3 { margin:2px 0 0; font-size:22px; }
.owner-access-preview > header > b { color:#aebfd1; font-size:9px; letter-spacing:.07em; }
.owner-access-preview > div { display:grid; grid-template-columns:repeat(3,1fr); }
.owner-access-preview > div > span { display:grid; grid-template-columns:24px 1fr; min-height:96px; align-content:center; gap:2px 8px; border-right:1px solid rgba(20,48,77,.09); padding:14px 16px; }
.owner-access-preview > div > span:last-child { border-right:0; }
.owner-access-preview > div i { grid-row:1/3; display:grid; width:22px; height:22px; place-items:center; border-radius:50%; background:#dff5e9; color:#167143; font-size:11px; font-style:normal; }
.owner-access-preview > div strong { color:#102944; font-size:12px; }
.owner-access-preview > div small { color:#69798b; font-size:10px; line-height:1.45; }
.owner-access-preview > footer { display:flex; align-items:center; justify-content:flex-end; gap:14px; border-top:1px solid rgba(20,48,77,.09); padding:12px 16px; }
.owner-access-preview > footer span { margin-right:auto; color:#7b8898; font-size:10px; }
.owner-access-preview > footer .control-btn { min-height:44px; }
.owner-access-receipts > div { display:grid; }
.owner-access-receipts article { display:grid; grid-template-columns:40px minmax(0,1fr) auto; min-height:66px; align-items:center; gap:11px; border-bottom:1px solid rgba(20,48,77,.09); padding:8px 14px; }
.owner-access-receipts article:last-child { border-bottom:0; }
.owner-access-receipts article .team-mark { width:36px; height:36px; }
.owner-access-receipts article > span { display:grid; min-width:0; }
.owner-access-receipts article small { color:#7a8796; font-size:8px; font-weight:900; letter-spacing:.05em; }
.owner-access-receipts article strong { overflow:hidden; color:#102944; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.owner-access-receipts article em { color:#69798b; font-size:10px; font-style:normal; }
.owner-access-receipts article button { min-height:44px; border:1px solid rgba(20,48,77,.14); border-radius:10px; background:#f5f8fb; color:#324c68; padding:0 12px; font-size:9px; font-weight:950; cursor:pointer; }
.owner-access-receipts article button:disabled { opacity:.5; cursor:not-allowed; }
.owner-access-receipts > div > p { margin:0; padding:22px; color:#758294; }
.owner-credit-adjust { display:grid; grid-template-columns:130px minmax(0,1fr) auto; align-items:end; gap:10px; border-top:1px solid rgba(20,48,77,.1); background:#f7f9fb; padding:14px; }
.owner-credit-adjust label { display:grid; gap:5px; color:#657486; font-size:9px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.owner-credit-adjust .control-btn { min-height:46px; }
.owner-trade-card.is-stale { border-color:rgba(183,63,63,.35); }
.owner-trade-list.is-focused .owner-trade-card { background:#fff; color:#102944; }
.owner-trade-card header > span { color:#52657a; }
.owner-trade-card strong { color:#102944; }
.owner-trade-card > p { color:#68778a!important; }
.owner-trade-card.is-accepted_pending_console,
.owner-trade-card.is-completed { border-left-color:#16805a; }
.owner-trade-card > p > b { color:#765917; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.owner-trade-state { color:#8b4d17 !important; font-weight:850; }
.owner-trade-assets article article > span > em { overflow:hidden; color:rgba(255,255,255,.72); font-size:8px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.owner-trade-assets article article > b { display:grid; padding-right:4px; text-align:right; }
.owner-trade-assets article article > b small { font-size:6px; letter-spacing:.08em; }
.owner-trade-scale { overflow:hidden; border:1px solid #d3deea; border-radius:14px; background:#f5f8fb; }
.owner-trade-scale > header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:12px 15px; }
.owner-trade-scale > header > span { display:grid; color:#102944; }
.owner-trade-scale > header > span:last-child { justify-items:end; }
.owner-trade-scale small { color:#7a8796; font-size:7px; font-weight:950; letter-spacing:.1em; }
.owner-trade-scale b { font-size:24px; }
.owner-trade-scale > header > strong { color:#8a661b; font-size:10px; text-align:center; }
.owner-trade-scale > div { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:6px; border-block:1px solid #d3deea; background:#fff; padding:8px 12px; }
.owner-trade-scale > div > i { display:block; height:7px; border-radius:999px; background:#153f6a; }
.owner-trade-scale > div > i:last-child { justify-self:end; background:#d1a329; }
.owner-trade-scale > details { color:#68778a; }
.owner-trade-scale > details > summary { min-height:38px; display:flex; align-items:center; padding:7px 13px; font-size:9px; font-weight:900; cursor:pointer; list-style:none; }
.owner-trade-scale > details > summary::-webkit-details-marker { display:none; }
.owner-trade-scale > details > summary::after { margin-left:auto; color:#8a661b; content:"+"; font-size:15px; }
.owner-trade-scale > details[open] > summary::after { content:"−"; }
.owner-trade-scale > details > p { margin:0; border-top:1px solid #dbe3eb; padding:9px 13px 0; font-size:10px; line-height:1.5; }
.owner-trade-scale > details > p:last-child { padding-bottom:11px; }
.owner-trade-finder { overflow:hidden; border:1px solid #d3deea; border-radius:15px; }
.owner-trade-finder > header { display:flex; min-height:62px; align-items:center; justify-content:space-between; gap:12px; background:#102944; color:#fff; padding:10px 14px; }
.owner-trade-finder > header h3 { margin:2px 0 0; font-size:20px; }
.owner-trade-finder > header > b { color:#efc652; font-size:9px; letter-spacing:.08em; }
.owner-trade-filters { display:grid; grid-template-columns:minmax(220px,1.5fr) repeat(5,minmax(120px,.6fr)); gap:7px; padding:10px; background:#edf3f8; }
.owner-trade-filters > label { display:flex; min-height:44px; align-items:center; gap:7px; color:#41566e; font-size:9px; font-weight:900; }
.owner-trade-filters > label input { width:17px; height:17px; margin:0; accent-color:#153f6a; }
.owner-trade-results { display:grid; max-height:520px; overflow:auto; }
.owner-trade-finder-card { display:grid; grid-template-columns:68px minmax(180px,1fr) 48px 58px 52px; min-height:76px; align-items:center; gap:8px; border-top:1px solid #e0e7ef; background:#fff; color:#102944; }
.owner-trade-finder-card:first-child { border-top:0; }
.owner-trade-finder-card.is-listed { background:linear-gradient(90deg,#fff8de,#fff 38%); }
.owner-trade-finder-card .player-avatar { width:68px!important; height:76px!important; border:0!important; border-radius:0!important; background:#edf3f8!important; }
.owner-trade-finder-card > span { display:grid; min-width:0; gap:2px; }
.owner-trade-finder-card > span small { color:#7b8796; font-size:8px; font-weight:900; letter-spacing:.03em; }
.owner-trade-finder-card > span strong { overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.owner-trade-finder-card > span em { overflow:hidden; color:#64758a; font-size:8px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.owner-trade-finder-card > b,.owner-trade-finder-card > strong { display:grid; justify-items:center; font-size:15px; }
.owner-trade-finder-card > b small,.owner-trade-finder-card > strong small { color:#7a8798; font-size:6px; letter-spacing:.08em; }
.owner-trade-finder-card > button { min-height:40px; margin-right:8px; border:0; border-radius:9px; background:#153f6a; color:#fff; font-size:9px; font-weight:950; cursor:pointer; }
.owner-trade-finder-card > button:disabled { opacity:.45; cursor:not-allowed; }
.owner-trade-tasks { display:grid; gap:8px; border-radius:18px; background:linear-gradient(125deg,#0d342d,#0e253a); padding:16px; }
.owner-trade-tasks > header { color:#fff; }
.owner-trade-tasks > header h3 { margin:2px 0 5px; font-size:24px; }
.owner-trade-task { overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:13px; background:#fff; color:#102944; }
.owner-trade-task > header { display:flex; align-items:center; justify-content:space-between; gap:10px; background:#eef5f3; padding:11px 13px; }
.owner-trade-task > header > span { display:grid; }
.owner-trade-task > header small { color:#16805a; font-size:7px; font-weight:950; letter-spacing:.1em; }
.owner-trade-task > header strong { font-size:16px; }
.owner-trade-task > header > b { color:#16805a; font-size:10px; }
.owner-trade-task > div { display:grid; grid-template-columns:1fr 24px 1fr; align-items:center; gap:8px; padding:12px 13px; }
.owner-trade-task > div > span { display:grid; }
.owner-trade-task > div small { color:#7b8796; font-size:8px; font-weight:900; text-transform:uppercase; }
.owner-trade-task > div strong { font-size:11px; }
.owner-trade-task > div > i { color:#b18520; font-style:normal; font-weight:950; text-align:center; }
.owner-trade-task > footer { display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid #e0e7ef; padding:9px 13px; }
.owner-trade-task > footer span { color:#68778a; font-size:9px; }
.owner-trade-task > footer button { min-height:38px; border:0; background:transparent; color:#52657a; font-size:8px; font-weight:950; cursor:pointer; }
.owner-schedule-filters { display:grid; grid-template-columns:180px 180px 1fr; align-items:end; gap:8px; }
.owner-schedule-page > .section-head .eyebrow { color:#8a6200; }
.owner-schedule-page > .section-head h2 { color:#102944!important; }
.owner-schedule-page > .section-head p { color:#68778a!important; }
.owner-schedule-page > .section-head .owner-mode-switch { border-color:#d3deea; background:#edf3f8; }
.owner-schedule-page > .section-head .owner-mode-switch button { color:#52657a; }
.owner-schedule-page > .section-head .owner-mode-switch button.is-active { background:#102944; color:#fff; }
.owner-schedule-filters label { display:grid; gap:5px; color:#657589; font-size:8px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.owner-schedule-filters > span { align-self:center; justify-self:end; color:#66768a; font-size:9px; font-weight:900; }
.owner-league-schedule { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.owner-league-game { overflow:hidden; border:1px solid #d6e0eb; border-left:4px solid #aebccc; border-radius:13px; background:#fff; color:#102944; }
.owner-league-game.is-user-game { border-left-color:#d1a329; background:linear-gradient(115deg,#fff8df,#fff 48%); }
.owner-league-game.is-final { opacity:.75; }
.owner-league-game > header,.owner-league-game > footer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; background:#eef3f8; }
.owner-league-game > header span,.owner-league-game > header b,.owner-league-game > footer { font-size:7px; font-weight:950; letter-spacing:.07em; }
.owner-league-game > header b { color:#8b6716; }
.owner-league-game > div { display:grid; grid-template-columns:1fr 24px 1fr; align-items:center; gap:5px; padding:10px; }
.owner-league-game > div > section { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:6px; }
.owner-league-game .team-mark { width:40px; height:40px; }
.owner-league-game > div > section > span { display:grid; min-width:0; }
.owner-league-game > div small { overflow:hidden; color:#788698; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.owner-league-game > div strong { font-size:14px; }
.owner-league-game > div > i { color:#8b6716; font-size:7px; font-style:normal; font-weight:950; text-align:center; }

/* Commissioner Settings stays compact by default; lifecycle controls remain
   visibly separate from the general Owner Desk tools. */
.commissioner-settings { display:grid; gap:14px; padding:18px; color:#102944; background:#fff; border:1px solid #d5e0ea; border-radius:18px; }
.commissioner-settings > header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.commissioner-settings h2 { margin:5px 0 3px; color:#102944; font-size:clamp(22px,3vw,32px); letter-spacing:-.04em; }
html[data-theme="dark"] .commissioner-settings h2 { color:#102944; }
.commissioner-settings .eyebrow { color:#8a6200; }
.commissioner-settings > header p { margin:0; color:#6b7b8d; font-size:12px; }
.commissioner-mode { display:inline-flex; align-items:center; min-height:28px; padding:0 9px; border-radius:999px; color:#fff; font-size:9px; font-weight:1000; letter-spacing:.1em; }
.commissioner-mode.is-live { background:#16845a; }.commissioner-mode.is-test { background:#a26f0c; }.commissioner-mode.is-empty { background:#6b7888; }
.commissioner-status-line { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border:1px solid #dce5ed; border-radius:12px; background:#f3f7fa; }
.commissioner-status-line > span { display:grid; gap:3px; min-width:0; }.commissioner-status-line small { color:#758398; font-size:8px; font-weight:1000; letter-spacing:.1em; }.commissioner-status-line strong { overflow:hidden; color:#17314e; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }.commissioner-status-line em { overflow:hidden; color:#718096; font-size:10px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.commissioner-status-line > b { flex:0 0 auto; color:#8a6200; font-size:9px; letter-spacing:.08em; }
.commissioner-settings-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.commissioner-settings-summary > div { display:grid; gap:3px; min-width:0; padding:10px 12px; background:#f3f7fa; border:1px solid #dce5ed; border-radius:12px; }
.commissioner-settings-summary small,.commissioner-automation-facts small { color:#738195; font-size:8px; font-weight:1000; letter-spacing:.1em; }
.commissioner-settings-summary strong { font-size:15px; }.commissioner-settings-summary span { overflow:hidden; color:#69798b; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.commissioner-settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.commissioner-attach,.commissioner-official { display:grid; gap:8px; padding:12px; border:1px solid #dce5ed; border-radius:12px; background:#fafcfd; }
.commissioner-attach label,.commissioner-automation-body label { display:grid; gap:5px; color:#52657a; font-size:10px; font-weight:900; }
.commissioner-attach small,.commissioner-official small { color:#748396; font-size:10px; line-height:1.4; }
.commissioner-official { align-content:start; grid-template-columns:1fr auto; }.commissioner-official > span { display:grid; gap:3px; }.commissioner-official > small { grid-column:1/-1; }
.commissioner-setup-drawer,.commissioner-automation { border:1px solid #dce5ed; border-radius:12px; overflow:hidden; }
.commissioner-setup-drawer > summary,.commissioner-automation > summary { display:flex; min-height:54px; align-items:center; justify-content:space-between; gap:8px; padding:9px 12px; color:#30465e; cursor:pointer; font-size:11px; font-weight:950; list-style:none; }.commissioner-setup-drawer > summary::-webkit-details-marker,.commissioner-automation > summary::-webkit-details-marker { display:none; }
.commissioner-setup-drawer > summary > span { display:grid; gap:2px; }.commissioner-setup-drawer > summary strong { color:#17314e; font-size:12px; }.commissioner-setup-drawer > summary small { color:#748396; font-size:9px; font-weight:700; }.commissioner-setup-drawer > summary > b,.commissioner-automation > summary b { color:#8a6200; font-size:9px; letter-spacing:.08em; }
.commissioner-drawer-body { display:grid; gap:12px; padding:12px; border-top:1px solid #dce5ed; }.commissioner-preflight { overflow:hidden; border:1px solid #dce5ed; border-radius:12px; }.commissioner-preflight > header { display:flex; justify-content:space-between; gap:8px; padding:11px 12px; color:#30465e; font-size:11px; font-weight:950; }.commissioner-preflight > header b { color:#8a6200; font-size:9px; letter-spacing:.08em; }.commissioner-preflight ul { display:grid; gap:5px; margin:0; padding:0 12px 12px; list-style:none; }.commissioner-preflight li { display:flex; align-items:flex-start; gap:8px; padding:7px 8px; background:#f7fafc; border-radius:8px; }.commissioner-preflight li > b { width:16px; height:16px; border-radius:50%; color:#fff; background:#9aa7b5; text-align:center; font-size:11px; line-height:16px; }.commissioner-preflight li.is-pass > b { background:#16845a; }.commissioner-preflight li.is-fail > b { background:#bb3b3b; }.commissioner-preflight li span { display:grid; gap:2px; }.commissioner-preflight li strong { color:#17314e; }.commissioner-preflight li small { color:#728195; font-size:10px; }
.commissioner-automation-body { display:grid; gap:12px; padding:12px; border-top:1px solid #dce5ed; }.commissioner-automation-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.commissioner-automation-facts span { display:grid; gap:3px; }.commissioner-automation-facts strong { font-size:12px; }.commissioner-pause-control { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px; }.commissioner-pause-control label { min-width:0; }.commissioner-pause-control input { width:100%; min-height:44px; }.commissioner-automation-actions { display:flex; flex-wrap:wrap; gap:7px; }.commissioner-needs-attention { margin:0; padding:9px 10px; color:#9d2e2e; background:#fff2f2; border:1px solid #f0caca; border-radius:8px; font-size:10px; font-weight:900; }
.commissioner-settings button,.commissioner-settings input,.commissioner-settings select { min-height:44px; }.owner-league-game { display:block; text-decoration:none; }.owner-league-game:focus-visible,.commissioner-settings button:focus-visible,.commissioner-settings input:focus-visible,.commissioner-settings select:focus-visible { outline:3px solid #d5a62a; outline-offset:2px; }
#owner-desk .owner-task-heading .eyebrow { color:#f0c65e; }
.commissioner-tool-drawer { overflow:hidden; border:1px solid #29425d; border-radius:14px; background:#0d2036; }.commissioner-tool-drawer > summary { display:flex; min-height:64px; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; color:#fff; cursor:pointer; list-style:none; }.commissioner-tool-drawer > summary::-webkit-details-marker { display:none; }.commissioner-tool-drawer > summary span { display:grid; gap:3px; }.commissioner-tool-drawer > summary strong { color:#fff; font-size:14px; }.commissioner-tool-drawer > summary small { color:#9dafbf; font-size:10px; }.commissioner-tool-drawer > summary > b { color:#f0c65e; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }.commissioner-tool-drawer > .owner-icons-control { margin:0 !important; border:0 !important; border-top:1px solid #29425d !important; border-radius:0 !important; box-shadow:none !important; }.commissioner-tool-drawer > .owner-commissioner-tools { padding:10px; border-top:1px solid #29425d; }
@media (max-width: 600px) { .commissioner-settings-summary,.commissioner-settings-grid { grid-template-columns:1fr; }.commissioner-official { grid-template-columns:1fr; }.commissioner-official > small { grid-column:auto; }.commissioner-automation-facts { grid-template-columns:1fr; }.commissioner-pause-control { grid-template-columns:1fr; }.commissioner-automation-actions { display:grid; grid-template-columns:1fr; }.commissioner-pause-control .control-btn,.commissioner-automation-actions .control-btn { width:100%; min-height:44px; } }

@media (max-width:760px) {
  .apply-decision-path { grid-template-columns:1fr; }
  .apply-decision-path > article { min-height:0; border-right:0; border-bottom:1px solid rgba(20,48,77,.1); }
  .apply-decision-path > article:last-child { border-bottom:0; }
  .owner-roster-head { display:none; }
  .owner-roster-row { grid-template-columns:48px minmax(0,1fr) repeat(3,42px); min-height:76px; padding:8px 10px; }
  .owner-roster-row > .player-avatar { grid-column:1; }
  .owner-roster-row > span { grid-column:2; padding-left:0; }
  .owner-roster-row > b { font-size:12px; }
  .owner-roster-row > b:nth-last-child(2),
  .owner-roster-row > b:last-child { display:none; }
  .owner-activity-admin-layout { grid-template-columns:1fr; }
  .owner-access-layout { grid-template-columns:1fr; }
  .owner-activity-owner-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .owner-activity-owner-list > button:nth-child(odd) { border-right:1px solid rgba(20,48,77,.09); }
  .owner-credit-adjust { grid-template-columns:1fr; }
  .owner-trade-partner,.owner-trade-assets { grid-template-columns:1fr; }
  .owner-trade-assets > i { transform:rotate(90deg); }
  .owner-trade-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .owner-trade-filters > :first-child { grid-column:1/-1; }
  .owner-trade-finder-card { grid-template-columns:62px minmax(0,1fr) 44px 50px; }
  .owner-trade-finder-card .player-avatar { width:62px!important; height:72px!important; }
  .owner-trade-finder-card > strong { display:none; }
  .owner-league-schedule { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:520px) {
  #owner-desk :is(button,a,input,select,textarea) { min-height:44px; }
  .owner-availability-week { padding:16px 12px; }
  .owner-availability-week > header { align-items:stretch; flex-direction:column; }
  .owner-availability-matrix { grid-template-columns:46px repeat(3,minmax(0,1fr)); gap:6px; }
  .owner-availability-matrix > b { font-size:8px; }
  .owner-availability-week > footer { grid-template-columns:1fr; }
  .owner-credit-catalog > div { grid-template-columns:1fr; }
  .owner-credit-catalog article:nth-child(odd) { border-right:0; }
  .owner-activity-owner-list { grid-template-columns:1fr; }
  .owner-activity-owner-list > button:nth-child(odd) { border-right:0; }
  .owner-activity-owner-detail > header { grid-template-columns:52px minmax(0,1fr) auto; padding-inline:12px; }
  .owner-access-directory > div { grid-template-columns:1fr; }
  .owner-access-directory article:nth-child(odd) { border-right:0; }
  .owner-access-preview > header { grid-template-columns:48px minmax(0,1fr); padding-inline:12px; }
  .owner-access-preview > header .team-mark { width:44px; height:44px; }
  .owner-access-preview > header h3 { font-size:18px; }
  .owner-access-preview > header > b { grid-column:2; }
  .owner-access-preview > div { grid-template-columns:1fr; }
  .owner-access-preview > div > span { min-height:76px; border-right:0; border-bottom:1px solid rgba(20,48,77,.09); }
  .owner-access-preview > div > span:last-child { border-bottom:0; }
  .owner-access-preview > footer { align-items:stretch; flex-direction:column; }
  .owner-access-preview > footer .control-btn { width:100%; }
  .owner-access-receipts article { grid-template-columns:36px minmax(0,1fr); }
  .owner-access-receipts article button { grid-column:2; justify-self:start; }
  .owner-activity-owner-detail > header .team-mark { width:48px; height:48px; }
  .owner-activity-owner-detail > header h3 { font-size:18px; }
  .owner-activity-owner-detail > header > strong { font-size:23px; }
  .owner-activity-admin-metrics { grid-template-columns:repeat(2,1fr); }
  .owner-activity-admin-metrics > span:nth-child(2) { border-right:0; }
  .owner-activity-admin-metrics > span:nth-child(-n+2) { border-bottom:1px solid rgba(20,48,77,.1); }
  .owner-trade-scale > header { grid-template-columns:1fr; justify-items:center; text-align:center; }
  .owner-trade-scale > header > span:last-child { justify-items:center; }
  .owner-trade-filters { grid-template-columns:1fr; }
  .owner-trade-filters > :first-child { grid-column:auto; }
  .owner-trade-finder-card { grid-template-columns:58px minmax(0,1fr) 42px; min-height:70px; }
  .owner-trade-finder-card .player-avatar { width:58px!important; height:70px!important; }
  .owner-trade-finder-card > strong { display:none; }
  .owner-trade-finder-card > button { grid-column:2/-1; width:auto; margin:0 8px 8px 0; }
  .owner-trade-task > footer,.owner-trade-submit { align-items:stretch; flex-direction:column; }
  .owner-trade-task > footer button,.owner-trade-submit .control-btn { width:100%; }
  .owner-schedule-filters { grid-template-columns:1fr 1fr; }
  .owner-schedule-filters > span { grid-column:1/-1; justify-self:start; }
  .owner-league-schedule { grid-template-columns:1fr; }
}

.league-intro h1 em { display:inline; color:#df3327; }

@media (min-width:1121px) {
  .league-intro h1 > span {
    display:block;
    font-size:.64em;
    line-height:1.02;
    letter-spacing:-.05em;
    white-space:nowrap;
  }
}

@media (min-width:901px) {
  html[data-theme="dark"] #overview .home-leader-board {
    border:0;
    background:transparent;
    color:#eef2f5;
    padding:0;
    box-shadow:none;
  }

  html[data-theme="dark"] #overview .home-leader-board > .editorial-head h2 { color:#f2f5f7; }
  html[data-theme="dark"] #overview .home-leader-board > .editorial-head .detail-link {
    border-color:#536273;
    background:#101c2a;
    color:#eef2f5;
  }

  html[data-theme="dark"] #overview .home-opening-strip {
    border-color:#263b51;
    background:linear-gradient(110deg,#0b1726,#142b43);
    color:#fff;
  }

  html[data-theme="dark"] #overview .home-opening-strip :is(h2,h3,h4,strong) { color:#fff; }
}

/* Keep the About page's broadcast/ledger contrast intentional in dark mode. */
html[data-theme="dark"] body[data-view="join"] .about-hero-copy h1,
html[data-theme="dark"] body[data-view="join"] .about-systems-section h2,
html[data-theme="dark"] body[data-view="join"] .about-reel-copy strong { color:#fff; }
html[data-theme="dark"] body[data-view="join"] .about-hero-copy > p { color:#c7d0dc; }
html[data-theme="dark"] body[data-view="join"] .about-origin-section { background:#f4f0e8; color:#122037; }
html[data-theme="dark"] body[data-view="join"] .about-origin-section h2 { color:#122037 !important; }
html[data-theme="dark"] body[data-view="join"] .about-origin-copy p { color:#39465a; }
html[data-theme="dark"] body[data-view="join"] .about-origin-copy strong { color:#152136; }
html[data-theme="dark"] body[data-view="join"] .about-discord-section { background:#efe7da; color:#111827; }
html[data-theme="dark"] body[data-view="join"] .about-discord-copy h2,
html[data-theme="dark"] body[data-view="join"] .about-discord-counts strong { color:#111827; }
html[data-theme="dark"] body[data-view="join"] .about-discord-copy p { color:#5d6470; }

/* P19 — live Icons Lottery and Draft Room */
.icons-show-shell {
  --icons-gold:#d9ad45;
  --icons-paper:#f7f2e8;
  --icons-ink:#07111e;
  --icons-line:rgba(255,255,255,.14);
  overflow:hidden;
  border:1px solid rgba(213,169,65,.22);
  border-radius:28px;
  background:#06101c;
  box-shadow:0 34px 90px rgba(0,0,0,.34);
}
.icons-show-shell :is(button,a,input,select,textarea) { min-height:44px; font:inherit; }
.icons-show-shell button { cursor:pointer; }
.icons-show-shell button:disabled { cursor:not-allowed; opacity:.48; }
.icons-show-header {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  min-height:116px;
  padding:22px clamp(20px,4vw,58px) 18px;
  border-bottom:1px solid var(--icons-line);
  background:linear-gradient(100deg,#050b13,#0d2035 60%,#281a22);
}
.icons-show-header h1 { margin:3px 0 0; color:#fff; font-size:clamp(46px,6.5vw,92px); line-height:.82; letter-spacing:-.07em; }
.icons-show-header > div:last-child { display:flex; align-items:center; gap:10px; color:#aeb9c8; font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.icons-show-header > div:last-child b,
.icons-show-header > div:last-child a { display:grid; min-height:34px; place-items:center; border:1px solid rgba(217,173,69,.35); border-radius:999px; padding:0 12px; color:#f0c65e; text-decoration:none; }
.icons-setup-stage {
  display:grid;
  overflow:hidden;
  background:#03080e;
}
.icons-setup-visual { position:relative; width:100%; height:clamp(480px,60vw,560px); overflow:hidden; background:#03080e; isolation:isolate; }
.icons-setup-visual::before { position:absolute; z-index:-4; inset:-18px; background:url("/assets/icons/m27-i-class-lineup.png") center/cover; opacity:.3; filter:blur(14px) saturate(.7); content:""; }
.icons-setup-art { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:contain; object-position:center; filter:saturate(.94) contrast(1.04); }
.icons-setup-shade { position:absolute; z-index:-2; inset:0; background:radial-gradient(circle at 51% 25%,rgba(2,6,11,.86) 0,rgba(2,6,11,.56) 15%,transparent 31%),linear-gradient(0deg,rgba(3,8,14,.5),transparent 26%); }
.icons-setup-lead { position:absolute; top:8%; left:51%; display:grid; justify-items:center; transform:translateX(-50%); }
.icons-setup-lead > .eyebrow { color:#f0c65e; }
.icons-setup-stage h2 { display:flex; align-items:baseline; gap:clamp(8px,1.4vw,18px); margin:7px 0 0; color:#fff; line-height:.72; text-transform:uppercase; }
.icons-setup-stage h2 span { font-size:clamp(34px,5vw,70px); letter-spacing:-.065em; }
.icons-setup-stage h2 strong { color:#f4ce73; font-size:clamp(82px,12vw,170px); letter-spacing:-.11em; text-shadow:0 14px 38px rgba(0,0,0,.7); }
.icons-setup-footer { display:flex; align-items:end; justify-content:space-between; gap:28px; border-top:1px solid var(--icons-line); padding:20px clamp(22px,4vw,52px); background:linear-gradient(100deg,#07111d,#0c1c2c); }
.icons-setup-field { display:grid; gap:9px; }
.icons-setup-field > span { color:#d8c99f; font-size:9px; font-weight:1000; letter-spacing:.18em; text-transform:uppercase; }
.icons-setup-field > div { display:flex; flex-wrap:wrap; gap:7px; }
.icons-setup-field > div > span { display:grid; width:58px; height:58px; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:14px; background:rgba(5,13,22,.8); box-shadow:0 9px 22px rgba(0,0,0,.25); backdrop-filter:blur(8px); }
.icons-setup-field .team-mark.icons-setup-logo { width:50px; height:50px; border:0; border-radius:10px; background:rgba(255,255,255,.96); padding:5px; }
.icons-setup-field .icons-setup-logo img { width:100%; height:100%; object-fit:contain; }
.icons-setup-field .icons-setup-logo span { color:#111827; font-size:12px; }
.icons-setup-footer .icons-show-action { min-width:168px; }
.icons-show-action {
  border:1px solid #f1cd72;
  border-radius:12px;
  background:linear-gradient(180deg,#edc961,#c8962d);
  color:#101722;
  padding:0 20px;
  font-weight:1000;
  box-shadow:0 10px 30px rgba(0,0,0,.24);
}
.icons-live-layout { display:grid; min-height:720px; }
.icons-live-layout.is-lottery { grid-template-columns:minmax(0,1.72fr) minmax(360px,.78fr); }
.icons-wheel-stage {
  position:relative;
  display:grid;
  grid-template-rows:auto minmax(360px,1fr) auto;
  min-width:0;
  padding:clamp(24px,4vw,54px);
  background:
    radial-gradient(circle at 50% 46%,rgba(217,173,69,.12),transparent 35%),
    linear-gradient(145deg,#06101c,#0f263e 70%,#07111e);
}
.icons-wheel-stage > header { position:relative; z-index:2; }
.icons-wheel-stage h2 { margin:6px 0 3px; color:#fff; font-size:clamp(38px,5vw,76px); line-height:.88; letter-spacing:-.055em; }
.icons-wheel-stage header p { margin:0; color:#aebbc9; font-size:14px; font-weight:750; }
.icons-wheel-wrap { position:relative; align-self:center; justify-self:center; width:min(58vh,72vw,530px); aspect-ratio:1; filter:drop-shadow(0 26px 34px rgba(0,0,0,.42)); }
.icons-wheel-wrap > i {
  position:absolute;
  z-index:5;
  top:-18px;
  left:50%;
  width:0;
  height:0;
  border-right:20px solid transparent;
  border-left:20px solid transparent;
  border-top:46px solid #fff2c5;
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));
  transform:translateX(-50%);
}
.icons-wheel {
  position:absolute;
  inset:0;
  border:12px solid #d9ad45;
  border-radius:50%;
  background:var(--wheel-fill);
  box-shadow:inset 0 0 0 7px #091321,inset 0 0 0 10px rgba(255,255,255,.26),0 0 0 8px #141f2d;
}
.icons-wheel::after { position:absolute; inset:9%; border:1px solid rgba(255,255,255,.18); border-radius:50%; content:""; }
.icons-wheel b { position:absolute; z-index:2; display:grid; width:52px; height:52px; place-items:center; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:rgba(4,10,17,.76); color:#fff; font-size:17px; font-weight:1000; font-variant-numeric:tabular-nums; letter-spacing:-.04em; transform:translate(-50%,-50%); }
.icons-wheel b.icons-wheel-team { width:64px; height:64px; background:rgba(4,10,17,.86); box-shadow:0 6px 16px rgba(0,0,0,.34); }
.icons-wheel-team .team-mark.icons-wheel-logo { width:58px; height:58px; border:0; border-radius:50%; background:transparent; }
.icons-wheel-team .team-mark.icons-wheel-logo img { width:52px; height:52px; filter:drop-shadow(0 3px 4px rgba(0,0,0,.42)); }
.icons-wheel-team .team-mark.icons-wheel-logo span { color:#fff; font-size:15px; text-shadow:0 2px 3px rgba(0,0,0,.7); }
.icons-wheel-hub { position:absolute; z-index:4; inset:38%; display:grid; align-content:center; justify-items:center; border:6px solid #d9ad45; border-radius:50%; background:#07111e; color:#f0c65e; box-shadow:0 10px 30px rgba(0,0,0,.45); }
.icons-wheel-hub small { color:#9facbc; font-size:9px; font-weight:1000; letter-spacing:.14em; line-height:1; text-transform:uppercase; }
.icons-wheel-hub strong { font-size:clamp(34px,5vw,64px); line-height:.82; letter-spacing:-.08em; }
.icons-wheel-stage.is-spinning .icons-wheel { animation:icons-wheel-spin 60s linear both; }
.icons-wheel-stage.is-spinning .icons-wheel-logo { animation:icons-wheel-logo-spin 60s linear both; }
.icons-wheel-stage.is-settling .icons-wheel { animation:icons-wheel-settle var(--wheel-duration) cubic-bezier(.333333,.5,.666667,1) both; }
.icons-wheel-stage.is-settling .icons-wheel-logo { animation:icons-wheel-logo-settle var(--wheel-duration) cubic-bezier(.333333,.5,.666667,1) both; }
.icons-wheel-stage.is-settled .icons-wheel { transform:rotate(var(--wheel-stop)); }
.icons-wheel-stage.is-settled .icons-wheel-logo { transform:rotate(var(--wheel-logo-stop)); }
@keyframes icons-wheel-spin {
  0% { transform:rotate(0deg); }
  .1667% { transform:rotate(2.9deg); }
  .3333% { transform:rotate(11.6deg); }
  .5% { transform:rotate(26.1deg); }
  .6667% { transform:rotate(46.4deg); }
  .8333% { transform:rotate(72.5deg); }
  1% { transform:rotate(104.4deg); }
  1.1667% { transform:rotate(142.1deg); }
  1.3333% { transform:rotate(185.6deg); }
  1.5% { transform:rotate(234.9deg); }
  1.6667% { transform:rotate(290deg); }
  100% { transform:rotate(34510deg); }
}
@keyframes icons-wheel-logo-spin {
  0% { transform:rotate(0deg); }
  .1667% { transform:rotate(-2.9deg); }
  .3333% { transform:rotate(-11.6deg); }
  .5% { transform:rotate(-26.1deg); }
  .6667% { transform:rotate(-46.4deg); }
  .8333% { transform:rotate(-72.5deg); }
  1% { transform:rotate(-104.4deg); }
  1.1667% { transform:rotate(-142.1deg); }
  1.3333% { transform:rotate(-185.6deg); }
  1.5% { transform:rotate(-234.9deg); }
  1.6667% { transform:rotate(-290deg); }
  100% { transform:rotate(-34510deg); }
}
@keyframes icons-wheel-settle { from { transform:rotate(var(--wheel-start)); } to { transform:rotate(var(--wheel-stop)); } }
@keyframes icons-wheel-logo-settle { from { transform:rotate(var(--wheel-logo-start)); } to { transform:rotate(var(--wheel-logo-stop)); } }
.icons-wheel-stage > footer { display:flex; align-items:end; justify-content:space-between; gap:18px; min-height:72px; border-top:1px solid var(--icons-line); padding-top:16px; color:#b5c0cd; }
.icons-wheel-stage > footer strong { color:#fff; font-size:clamp(42px,6vw,78px); line-height:.75; }
.icons-number-one-stage {
  position:relative;
  display:grid;
  min-width:0;
  min-height:720px;
  grid-template-rows:auto 1fr auto;
  place-items:center;
  overflow:hidden;
  padding:clamp(28px,4vw,56px);
  background:
    radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--team-primary) 58%,transparent) 0,transparent 42%),
    radial-gradient(circle at 50% 46%,rgba(217,173,69,.25),transparent 58%),
    linear-gradient(145deg,#050b13,#0d1b2a 72%,color-mix(in srgb,var(--team-primary) 28%,#050b13));
  isolation:isolate;
}
.icons-number-one-stage::before { position:absolute; z-index:-1; inset:-10%; border:1px solid rgba(255,255,255,.1); border-radius:50%; box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012); content:""; transform:scale(.6); animation:icons-number-one-rings 1.8s cubic-bezier(.16,.74,.25,1) both; }
.icons-number-one-stage > .eyebrow { justify-self:start; color:#f0c65e; }
.icons-number-one-rank { position:absolute; top:42px; right:clamp(28px,4vw,56px); display:grid; justify-items:center; color:rgba(255,255,255,.96); line-height:.72; }
.icons-number-one-rank small { color:#f0c65e; font-size:11px; font-weight:1000; letter-spacing:.18em; text-transform:uppercase; }
.icons-number-one-rank strong { font-size:clamp(92px,13vw,190px); letter-spacing:-.1em; }
.icons-number-one-crest { position:relative; display:grid; place-items:center; width:min(64vw,510px); aspect-ratio:1; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.13),rgba(255,255,255,.025) 58%,transparent 59%); box-shadow:0 34px 80px rgba(0,0,0,.42); animation:icons-number-one-crest 1.15s cubic-bezier(.16,.78,.24,1) both; }
.icons-number-one-crest::after { position:absolute; inset:18%; border:1px solid rgba(255,255,255,.9); border-radius:50%; background:rgba(247,249,252,.94); box-shadow:0 20px 50px rgba(0,0,0,.28),0 0 60px color-mix(in srgb,var(--team-secondary) 32%,transparent); content:""; }
.icons-number-one-crest .team-mark.icons-number-one-logo { z-index:1; width:82%; height:82%; border:0; background:transparent; box-shadow:none; }
.icons-number-one-crest .team-mark.icons-number-one-logo img { width:92%; height:92%; filter:drop-shadow(0 12px 16px rgba(0,0,0,.3)); }
.icons-number-one-crest .team-mark.icons-number-one-logo span { color:#fff; font-size:clamp(52px,9vw,110px); text-shadow:0 8px 18px rgba(0,0,0,.52); }
.icons-number-one-stage > footer { justify-self:stretch; border-top:1px solid rgba(255,255,255,.15); padding-top:18px; }
.icons-number-one-stage h2 { margin:0; color:#fff; font-size:clamp(48px,7vw,94px); line-height:.82; letter-spacing:-.06em; }
.icons-number-one-stage footer p { margin:9px 0 0; color:#d8e0e9; font-size:16px; font-weight:800; }
@keyframes icons-number-one-rings { from { opacity:0; transform:scale(.3); } to { opacity:1; transform:scale(1); } }
@keyframes icons-number-one-crest { from { opacity:0; transform:scale(.68); } to { opacity:1; transform:scale(1); } }
.icons-lottery-board { min-width:0; border-left:1px solid var(--icons-line); background:#091522; padding:24px; }
.icons-lottery-board > header { display:flex; align-items:end; justify-content:space-between; gap:10px; padding:3px 4px 17px; }
.icons-lottery-board h2 { margin:0; color:#fff; font-size:42px; line-height:.8; }
.icons-lottery-board > div { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.icons-lottery-board article {
  display:grid;
  grid-template-columns:30px 38px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:58px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:#0d1c2c;
  padding:8px;
}
.icons-lottery-board article.is-set { border-color:rgba(217,173,69,.28); }
.icons-lottery-board article.is-current { border-color:#e8bd55; box-shadow:0 0 0 1px rgba(232,189,85,.2),0 8px 24px rgba(0,0,0,.22); }
.icons-lottery-board article > b { color:#e8bd55; font-size:13px; }
.icons-lottery-board .team-mark { width:38px; height:38px; border-radius:9px; }
.icons-slot-open { display:grid; width:38px; height:38px; place-items:center; border:1px dashed rgba(255,255,255,.15); border-radius:9px; color:#657386; }
.icons-lottery-board article > span:last-child { display:grid; min-width:0; }
.icons-lottery-board article strong { overflow:hidden; color:#fff; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.icons-lottery-board article small { overflow:hidden; color:#8290a1; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.icons-lottery-board > footer { margin-top:16px; }
.icons-lottery-board > footer button { width:100%; }
.icons-live-layout.is-draft { grid-template-columns:minmax(0,1.55fr) minmax(390px,.85fr); }
.icons-clock-stage {
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:flex-end;
  min-height:720px;
  overflow:hidden;
  padding:clamp(30px,6vw,82px);
  background:
    linear-gradient(180deg,rgba(4,10,17,.02),rgba(4,10,17,.9) 82%),
    radial-gradient(circle at 68% 18%,color-mix(in srgb,var(--team-primary) 58%,transparent),transparent 44%),
    linear-gradient(140deg,#07111e,#10243a);
}
.icons-clock-team { display:flex; align-items:center; gap:16px; }
.icons-clock-team > .team-mark { width:92px; height:92px; border-radius:22px; background:#fff; padding:12px; }
.icons-clock-team > span { display:grid; }
.icons-clock-team strong { max-width:15ch; color:#fff; font-size:clamp(28px,4vw,56px); line-height:.9; letter-spacing:-.045em; }
.icons-clock-team small { margin-top:7px; color:#b9c3cf; font-size:13px; font-weight:800; }
.icons-clock-stage time { margin:28px 0 0; color:#fff; font-size:clamp(92px,18vw,230px); font-weight:1000; line-height:.72; letter-spacing:-.095em; font-variant-numeric:tabular-nums; text-shadow:0 12px 34px rgba(0,0,0,.4); }
.icons-clock-stage > p { margin:18px 0 0; color:#e8bd55; font-size:13px; font-weight:1000; letter-spacing:.14em; text-transform:uppercase; }
.icons-host-pick { display:grid; gap:10px; margin-top:24px; }
.icons-host-pick > div { display:flex; flex-wrap:wrap; gap:7px; }
.icons-host-pick > div button { border:1px solid rgba(255,255,255,.24); border-radius:10px; background:rgba(6,16,28,.82); color:#fff; padding:0 13px; font-size:12px; font-weight:900; }
.icons-host-pick > div button.is-confirming { border-color:#f0c65e; background:#d9ad45; color:#111827; }
.icons-host-pick > div button.is-pass { border-color:rgba(255,255,255,.12); color:#aeb9c7; }
.icons-player-board { border-left:1px solid var(--icons-line); background:#091522; padding:24px; }
.icons-player-board > header { display:flex; align-items:end; justify-content:space-between; margin-bottom:15px; }
.icons-player-board h2 { margin:0; color:#fff; font-size:36px; }
.icons-player-board > div { display:grid; gap:9px; }
.icons-class-card { position:relative; display:grid; grid-template-columns:82px minmax(0,1fr); min-height:112px; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:14px; background:#0d1c2c; }
.icons-class-card img { width:82px; height:100%; min-height:112px; object-fit:cover; }
.icons-class-card > div { display:grid; align-content:center; min-width:0; padding:12px; }
.icons-class-card small { color:#8290a1; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.icons-class-card strong { overflow:hidden; margin:3px 0 8px; color:#fff; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.icons-class-card span { display:flex; flex-wrap:wrap; gap:4px; }
.icons-class-card span b { border:1px solid rgba(217,173,69,.25); border-radius:999px; color:#e8bd55; padding:3px 6px; font-size:8px; }
.icons-class-card > em { position:absolute; right:8px; bottom:8px; border-radius:999px; background:#d9ad45; color:#111827; padding:4px 7px; font-size:8px; font-style:normal; font-weight:1000; text-transform:uppercase; }
.icons-class-card.is-picked { opacity:.42; filter:saturate(.35); }
.icons-reveal-shell { position:relative; background:#050c14; }
.icons-player-reveal,
.icons-pass-reveal { position:relative; min-height:min(820px,calc(100vh - 170px)); overflow:hidden; }
.icons-player-reveal > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 25%; }
.icons-reveal-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,7,13,.93) 0,rgba(2,7,13,.64) 37%,rgba(2,7,13,.06) 72%),linear-gradient(0deg,rgba(2,7,13,.82),transparent 48%); }
.icons-player-reveal > header { position:absolute; z-index:2; top:clamp(22px,4vw,54px); right:clamp(20px,4vw,58px); display:flex; align-items:center; gap:12px; border:1px solid rgba(255,255,255,.18); border-radius:14px; background:rgba(4,10,17,.68); padding:9px 13px; backdrop-filter:blur(10px); }
.icons-player-reveal > header > span { color:#e8bd55; font-size:10px; font-weight:1000; letter-spacing:.1em; text-transform:uppercase; }
.icons-player-reveal > header .team-mark { width:42px; height:42px; border-radius:9px; background:#fff; padding:5px; }
.icons-player-reveal > header strong { max-width:22ch; color:#fff; font-size:13px; }
.icons-reveal-name { position:absolute; z-index:2; left:clamp(26px,6vw,88px); bottom:clamp(34px,8vw,104px); max-width:min(620px,55vw); }
.icons-reveal-name > span { color:#e8bd55; font-size:12px; font-weight:1000; letter-spacing:.12em; text-transform:uppercase; }
.icons-reveal-name h2 { margin:9px 0 4px; color:#fff; font-size:clamp(58px,9vw,132px); line-height:.77; letter-spacing:-.075em; text-wrap:balance; }
.icons-reveal-name > strong { color:#d5dce5; font-size:clamp(18px,2vw,28px); }
.icons-reveal-name > div { display:flex; flex-wrap:wrap; gap:8px; margin-top:21px; }
.icons-reveal-name > div b { display:grid; min-width:72px; border-top:2px solid var(--team-primary,#d9ad45); background:rgba(5,12,20,.72); color:#fff; padding:8px 10px; font-size:28px; line-height:1; backdrop-filter:blur(8px); }
.icons-reveal-name > div small { color:#aeb9c7; font-size:8px; letter-spacing:.1em; }
.icons-fit { position:absolute; z-index:3; right:clamp(20px,4vw,58px); bottom:clamp(24px,4vw,54px); width:min(430px,34vw); border:1px solid rgba(255,255,255,.16); border-radius:15px; background:rgba(4,10,17,.78); padding:14px; backdrop-filter:blur(12px); }
.icons-fit > header { display:flex; align-items:end; justify-content:space-between; margin-bottom:9px; }
.icons-fit h3 { margin:0; color:#fff; }
.icons-fit > div { display:grid; gap:6px; }
.icons-fit article { display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; align-items:center; gap:7px; border-radius:9px; background:rgba(255,255,255,.07); padding:8px 9px; }
.icons-fit article.is-icon { border:1px solid rgba(217,173,69,.34); }
.icons-fit article strong { overflow:hidden; color:#fff; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.icons-fit article small { color:#9eabb9; font-size:8px; }
.icons-fit article b { color:#e8bd55; font-size:9px; }
.icons-pass-reveal { display:grid; place-items:center; background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--team-primary) 58%,transparent),transparent 38%),linear-gradient(145deg,#07111e,#13283e); }
.icons-pass-reveal > div { display:grid; justify-items:center; text-align:center; }
.icons-pass-reveal .team-mark { width:clamp(110px,16vw,220px); height:clamp(110px,16vw,220px); border-radius:38px; background:#fff; padding:22px; box-shadow:0 25px 55px rgba(0,0,0,.35); }
.icons-pass-reveal h2 { margin:26px 0 0; color:#fff; font-size:clamp(90px,19vw,260px); line-height:.68; letter-spacing:-.09em; }
.icons-pass-reveal strong { margin-top:28px; color:#fff; font-size:clamp(24px,4vw,50px); }
.icons-pass-reveal p { margin:8px 0 0; color:#e8bd55; font-size:clamp(14px,1.5vw,20px); font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.icons-next-team { position:absolute; z-index:5; right:20px; bottom:20px; border:1px solid #f1cd72; border-radius:11px; background:#d9ad45; color:#111827; padding:0 18px; font-weight:1000; }
.icons-draft-final { position:absolute; z-index:5; right:20px; bottom:20px; display:grid; border:1px solid rgba(255,255,255,.18); border-radius:13px; background:rgba(4,10,17,.8); color:#fff; padding:14px 18px; backdrop-filter:blur(10px); }
.icons-draft-final strong { font-size:22px; }
.icons-draft-final small { color:#aeb9c7; }
.icons-host-panel { border-top:1px solid var(--icons-line); background:#0a1725; color:#fff; }
.icons-host-panel > summary { min-height:54px; padding:17px 24px; color:#e8bd55; font-size:12px; font-weight:1000; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
.icons-host-panel > :not(summary) { margin:0 24px 24px; }
.icons-host-bar { display:flex; flex-wrap:wrap; align-items:end; gap:8px; border:1px solid rgba(255,255,255,.1); border-radius:13px; background:#0d1d2e; padding:12px; }
.icons-host-bar label { display:grid; gap:5px; color:#91a0b2; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.icons-host-bar :is(select,button) { border:1px solid rgba(255,255,255,.14); border-radius:9px; background:#15273b; color:#fff; padding:0 12px; }
.icons-class-carousel { border-top:1px solid var(--icons-line); background:linear-gradient(145deg,#050c14,#0b1a29); padding:clamp(18px,3vw,34px); }
.icons-class-carousel > header { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:14px; }
.icons-class-carousel h2 { margin:3px 0 0; color:#fff; font-size:clamp(30px,4vw,48px); line-height:.9; letter-spacing:-.045em; }
.icons-class-carousel > header > span { color:#e8bd55; font-size:12px; font-weight:1000; font-variant-numeric:tabular-nums; letter-spacing:.12em; }
.icons-class-carousel-stage { position:relative; display:grid; width:min(100%,760px); aspect-ratio:2/1; place-items:center; overflow:hidden; margin:auto; border:1px solid rgba(217,173,69,.26); border-radius:20px; background:#03070c; box-shadow:0 24px 60px rgba(0,0,0,.34); }
.icons-class-carousel figure { position:absolute; inset:0; display:grid; grid-template-columns:1fr 1fr; margin:0; opacity:0; transform:scale(1.025); transition:opacity .5s ease,transform .75s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.icons-class-carousel figure.is-active { opacity:1; transform:scale(1); }
.icons-class-carousel figure img { width:100%; height:100%; object-fit:cover; }
.icons-class-carousel figure .icons-carousel-combine { object-position:center; }
.icons-class-carousel figure .icons-carousel-square { border-left:1px solid rgba(255,255,255,.2); }
.icons-class-carousel figure.is-single-art { grid-template-columns:1fr; }
.icons-class-carousel figure.is-single-art .icons-carousel-square { border-left:0; }
.icons-carousel-arrow { position:absolute; z-index:3; top:50%; display:grid; width:48px; min-height:48px; place-items:center; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:rgba(4,10,17,.74); color:#fff; font-size:22px; box-shadow:0 8px 22px rgba(0,0,0,.32); transform:translateY(-50%); backdrop-filter:blur(8px); }
.icons-carousel-arrow:hover,
.icons-carousel-arrow:focus-visible { border-color:#efc865; background:#d9ad45; color:#101722; outline:0; }
.icons-carousel-arrow.is-prev { left:12px; }
.icons-carousel-arrow.is-next { right:12px; }
.icons-class-carousel > nav { display:flex; justify-content:center; gap:8px; margin-top:14px; }
.icons-class-carousel > nav button { width:44px; min-height:44px; border:0; background:transparent; font-size:0; }
.icons-class-carousel > nav button::before { display:block; width:22px; height:4px; margin:auto; border-radius:999px; background:#455466; content:""; transition:width .2s ease,background .2s ease; }
.icons-class-carousel > nav button.is-active::before { width:34px; background:#e8bd55; }
.icons-setup-order,
.icons-class-builder-v2,
.icons-staging { margin-top:14px!important; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:#0d1d2e; padding:16px; }
.icons-setup-order > header,
.icons-class-builder-v2 > header,
.icons-staging > header { margin-bottom:12px; }
.icons-setup-order h3,
.icons-class-builder-v2 h3,
.icons-staging h3 { margin:3px 0 0; font-size:24px; }
.icons-setup-order > form > div { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.icons-setup-order article { display:grid; grid-template-columns:30px 42px minmax(0,1fr) auto; align-items:center; gap:8px; min-width:0; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:#101f30; padding:7px; }
.icons-setup-order .team-mark { width:42px; height:42px; border-radius:9px; }
.icons-setup-order article > label { display:grid; min-width:0; }
.icons-setup-order article > label > span { color:#8796a9; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.icons-setup-order article input { width:100%; min-width:0; height:28px; border:0; border-bottom:1px solid rgba(255,255,255,.16); background:transparent; color:#fff; padding:0; font-weight:900; }
.icons-setup-order article input:focus { outline:0; border-bottom-color:#e8bd55; }
.icons-setup-order article small { overflow:hidden; color:#8796a9; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.icons-order-controls { display:flex; gap:4px; }
.icons-order-controls button { width:44px; border:1px solid rgba(255,255,255,.12); border-radius:8px; background:#172a40; color:#fff; }
.icons-setup-order footer { display:flex; justify-content:flex-end; margin-top:11px; }
.icons-setup-order footer button { border:1px solid rgba(217,173,69,.35); border-radius:9px; background:#182b41; color:#fff; padding:0 14px; font-weight:900; }
.icons-class-builder-v2 > div { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.icons-class-builder-v2 fieldset { position:relative; display:grid; gap:7px; min-width:0; border:1px solid rgba(255,255,255,.1); border-radius:11px; background:#101f30; padding:13px; }
.icons-class-builder-v2 legend { color:#e8bd55; font-size:10px; font-weight:1000; }
.icons-class-builder-v2 fieldset > button { position:absolute; top:5px; right:5px; width:44px; border:0; background:transparent; color:#8190a3; font-size:18px; }
.icons-class-builder-v2 fieldset > div { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.icons-class-builder-v2 fieldset > div:nth-of-type(2) { grid-template-columns:1fr 1fr; }
.icons-class-builder-v2 input,
.icons-staging input,
.icons-staging select { min-width:0; border:1px solid rgba(255,255,255,.13); border-radius:8px; background:#0b1724; color:#fff; padding:0 10px; }
.icons-class-builder-v2 > footer { display:flex; justify-content:flex-end; gap:7px; margin-top:11px; }
.icons-class-builder-v2 > footer button,
.icons-staging button { border:1px solid rgba(217,173,69,.35); border-radius:9px; background:#182b41; color:#fff; padding:0 12px; font-weight:900; }
.icons-staging > div { display:grid; gap:6px; }
.icons-staging form { display:grid; grid-template-columns:32px minmax(120px,.65fr) minmax(130px,.7fr) minmax(170px,1fr) minmax(190px,1.15fr) auto; align-items:center; gap:7px; min-width:0; border-top:1px solid rgba(255,255,255,.08); padding-top:6px; }
.icons-staging form > span { display:grid; min-width:0; }
.icons-staging form strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.icons-staging form small { color:#8392a4; }

@media (max-width:1000px) {
  .icons-live-layout.is-lottery,
  .icons-live-layout.is-draft { grid-template-columns:1fr; }
  .icons-lottery-board,
  .icons-player-board { border-top:1px solid var(--icons-line); border-left:0; }
  .icons-live-layout { min-height:0; }
  .icons-wheel-stage { min-height:650px; }
  .icons-number-one-stage { min-height:650px; }
  .icons-lottery-board > div { grid-template-columns:repeat(3,1fr); }
  .icons-clock-stage { min-height:610px; }
  .icons-player-board > div { grid-template-columns:1fr 1fr; }
  .icons-fit { width:min(430px,45vw); }
  .icons-staging form { grid-template-columns:32px minmax(0,1fr) minmax(130px,1fr) auto; }
  .icons-staging form input { grid-column:2/4; }
}
@media (max-width:620px) {
  #icon-event { width:min(100% - 14px,1480px); margin-top:7px; }
  .icons-show-shell { border-radius:17px; }
  .icons-show-header { min-height:82px; align-items:center; padding:15px 14px 13px; }
  .icons-show-header h1 { font-size:50px; }
  .icons-show-header > div:last-child > span { display:none; }
  .icons-setup-stage { min-height:0; padding:0; }
  .icons-setup-visual { height:auto; aspect-ratio:3/2; }
  .icons-setup-art { object-position:center; }
  .icons-setup-shade { background:radial-gradient(circle at 50% 28%,rgba(2,6,11,.9) 0,rgba(2,6,11,.54) 19%,transparent 35%); }
  .icons-setup-lead { top:7%; left:50%; }
  .icons-setup-stage h2 { gap:7px; }
  .icons-setup-stage h2 span { font-size:24px; }
  .icons-setup-stage h2 strong { font-size:72px; }
  .icons-setup-footer { display:grid; gap:16px; padding:16px; }
  .icons-setup-field > div { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; }
  .icons-setup-field > div > span { width:auto; min-width:0; height:auto; aspect-ratio:1; border-radius:9px; }
  .icons-setup-field .team-mark.icons-setup-logo { width:100%; height:100%; border-radius:7px; padding:3px; }
  .icons-class-carousel { padding:18px 10px; }
  .icons-class-carousel-stage { border-radius:13px; }
  .icons-carousel-arrow { width:44px; min-height:44px; }
  .icons-carousel-arrow.is-prev { left:8px; }
  .icons-carousel-arrow.is-next { right:8px; }
  .icons-show-action { width:100%; }
  .icons-wheel-stage { grid-template-rows:auto minmax(310px,1fr) auto; min-height:610px; padding:24px 14px; }
  .icons-number-one-stage { min-height:610px; padding:24px 14px; }
  .icons-number-one-rank { top:26px; right:18px; }
  .icons-number-one-rank strong { font-size:96px; }
  .icons-number-one-crest { width:min(82vw,380px); }
  .icons-number-one-stage h2 { font-size:54px; }
  .icons-wheel-stage h2 { font-size:43px; }
  .icons-wheel-wrap { width:min(86vw,390px); }
  .icons-wheel { border-width:8px; }
  .icons-wheel b { width:39px; height:39px; font-size:18px; }
  .icons-wheel b.icons-wheel-team { width:48px; height:48px; }
  .icons-wheel-team .team-mark.icons-wheel-logo { width:44px; height:44px; }
  .icons-wheel-team .team-mark.icons-wheel-logo img { width:40px; height:40px; }
  .icons-wheel-team .team-mark.icons-wheel-logo span { font-size:12px; }
  .icons-wheel-wrap > i { top:-12px; border-right-width:15px; border-left-width:15px; border-top-width:36px; }
  .icons-lottery-board { padding:16px 11px; }
  .icons-lottery-board > div { grid-template-columns:1fr 1fr; }
  .icons-lottery-board article { grid-template-columns:26px 35px minmax(0,1fr); padding:6px; }
  .icons-lottery-board .team-mark,
  .icons-slot-open { width:35px; height:35px; }
  .icons-clock-stage { min-height:600px; padding:28px 16px; }
  .icons-clock-team > .team-mark { width:68px; height:68px; border-radius:16px; }
  .icons-clock-team strong { font-size:34px; }
  .icons-clock-stage time { margin-top:25px; font-size:29vw; }
  .icons-player-board { padding:16px 11px; }
  .icons-player-board > div { grid-template-columns:1fr; }
  .icons-player-reveal,
  .icons-pass-reveal { min-height:760px; }
  .icons-player-reveal > img { object-position:58% 20%; }
  .icons-reveal-shade { background:linear-gradient(0deg,rgba(2,7,13,.96) 0,rgba(2,7,13,.75) 37%,rgba(2,7,13,.05) 70%); }
  .icons-player-reveal > header { top:14px; right:12px; left:12px; justify-content:flex-end; }
  .icons-reveal-name { right:16px; bottom:28px; left:16px; max-width:none; }
  .icons-reveal-name h2 { font-size:67px; }
  .icons-reveal-name > div { gap:5px; margin-top:14px; }
  .icons-reveal-name > div b { min-width:58px; font-size:22px; }
  .icons-fit { position:relative; right:auto; bottom:auto; width:auto; margin:0 12px 16px; }
  .icons-player-reveal:has(.icons-fit) { min-height:950px; }
  .icons-player-reveal .icons-fit { position:absolute; right:0; bottom:16px; left:0; }
  .icons-player-reveal:has(.icons-fit) .icons-reveal-name { bottom:292px; }
  .icons-next-team,
  .icons-draft-final { right:12px; bottom:12px; left:12px; }
  .icons-setup-order > form > div,
  .icons-class-builder-v2 > div { grid-template-columns:1fr; }
  .icons-host-panel > :not(summary) { margin-right:10px; margin-left:10px; }
  .icons-host-panel > summary { padding-right:14px; padding-left:14px; }
  .icons-setup-order,
  .icons-class-builder-v2,
  .icons-staging { padding:11px; }
  .icons-setup-order article { grid-template-columns:26px 38px minmax(0,1fr) auto; }
  .icons-setup-order .team-mark { width:38px; height:38px; }
  .icons-order-controls button { width:44px; min-height:44px; }
  .icons-staging form { grid-template-columns:26px minmax(0,1fr) auto; }
  .icons-staging form select,
  .icons-staging form input { grid-column:2/4; }
  .icons-staging form button { grid-column:3; }
}
@media (max-width:360px) {
  .icons-lottery-board article strong { font-size:10px; }
  .icons-lottery-board article small { display:none; }
  .icons-wheel-stage { min-height:570px; }
  .icons-reveal-name h2 { font-size:59px; }
}
@media (prefers-reduced-motion:reduce) {
  .icons-wheel-stage.is-spinning .icons-wheel,
  .icons-wheel-stage.is-spinning .icons-wheel-logo,
  .icons-wheel-stage.is-settling .icons-wheel,
  .icons-wheel-stage.is-settling .icons-wheel-logo,
  .icons-number-one-stage::before,
  .icons-number-one-crest { animation-duration:.01ms; animation-iteration-count:1; }
  .icons-class-carousel figure { transition:none; }
}

/* Project Dynasty Draft Room */
#icon-event {
  --draft-ink:#f5f7fb;
  --draft-muted:#9aa8bb;
  --draft-line:rgba(185,204,230,.18);
  --draft-panel:#0d1725;
  --draft-panel-2:#111f31;
  --draft-gold:#e5b94d;
  --draft-cyan:#58d6c7;
  width:min(1480px,calc(100% - 32px));
  margin:32px auto 88px;
  color:var(--draft-ink);
}

#icon-event :is(button,select,input) { font:inherit; }
#icon-event button,
#icon-event select,
#icon-event input,
#icon-event a { min-height:44px; }
#icon-event button { cursor:pointer; }
#icon-event button:disabled { cursor:not-allowed; opacity:.5; }
#icon-event .eyebrow {
  display:block;
  color:var(--draft-gold);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.draft-room-loading,
.draft-room-gate {
  min-height:64vh;
  display:grid;
  place-content:center;
  justify-items:start;
  gap:14px;
  padding:clamp(28px,7vw,96px);
  border:1px solid var(--draft-line);
  border-top:8px solid var(--draft-gold);
  border-radius:26px;
  background:
    radial-gradient(circle at 82% 14%,rgba(69,55,113,.72),transparent 34%),
    linear-gradient(135deg,#07111e,#10233a 60%,#07111e);
  box-shadow:0 30px 80px rgba(0,0,0,.28);
}
.draft-room-gate h1 { margin:0; font-size:clamp(3rem,8vw,7.5rem); line-height:.86; letter-spacing:-.07em; }
.draft-room-gate p { max-width:44ch; margin:0; color:#b4c0d0; font-size:clamp(1rem,2vw,1.3rem); }

.draft-room-hero {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,280px);
  gap:24px;
  align-items:end;
  padding:clamp(28px,5vw,72px);
  border:1px solid var(--draft-line);
  border-top:8px solid var(--draft-gold);
  border-radius:28px 28px 0 0;
  background:
    linear-gradient(120deg,rgba(7,17,30,.2),rgba(92,31,67,.42)),
    radial-gradient(circle at 79% 4%,#543052,transparent 38%),
    #081525;
  overflow:hidden;
}
.draft-room-hero h1 { margin:8px 0 10px; font-size:clamp(3.4rem,8vw,8.4rem); line-height:.82; letter-spacing:-.075em; }
.draft-room-hero p { margin:0; color:#b7c4d4; font-size:clamp(.95rem,1.6vw,1.25rem); font-weight:750; }
.draft-room-hero p b { color:var(--draft-gold); padding:0 .36em; }
.draft-room-hero aside {
  display:grid;
  gap:5px;
  padding:18px;
  border:1px solid rgba(229,185,77,.38);
  border-radius:18px;
  background:rgba(5,13,23,.66);
  box-shadow:inset 0 1px rgba(255,255,255,.05);
}
.draft-room-hero aside small { color:var(--draft-muted); font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.draft-room-hero aside strong { font-size:clamp(1.35rem,2.4vw,2rem); }
.draft-room-hero aside span { color:var(--draft-cyan); font-weight:900; }

.draft-room-notice {
  padding:13px 18px;
  border-inline:1px solid var(--draft-line);
  background:#d9f6ed;
  color:#0b332b;
  font-weight:850;
}

.draft-room-stage {
  display:grid;
  grid-template-columns:minmax(250px,.34fr) minmax(0,1fr);
  border:1px solid var(--draft-line);
  border-top:0;
  background:#07111e;
}
.draft-room-now {
  position:sticky;
  top:20px;
  align-self:start;
  display:flex;
  min-height:340px;
  flex-direction:column;
  justify-content:flex-end;
  gap:12px;
  padding:clamp(24px,4vw,52px);
  background:
    linear-gradient(180deg,rgba(7,17,30,.25),#09182a 78%),
    radial-gradient(circle at 20% 10%,rgba(88,214,199,.18),transparent 38%);
}
.draft-room-now h2 { margin:0; font-size:clamp(2.1rem,4vw,4.5rem); line-height:.93; letter-spacing:-.055em; }
.draft-room-now p { margin:0; max-width:28ch; color:var(--draft-muted); font-size:1rem; line-height:1.45; }
.draft-room-now time { color:var(--draft-gold); font-size:.82rem; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }

.draft-room-board { min-width:0; padding:clamp(18px,3vw,38px); border-left:1px solid var(--draft-line); }
.draft-room-board > section { padding:clamp(18px,2.6vw,32px); border:1px solid var(--draft-line); border-radius:20px; background:linear-gradient(145deg,var(--draft-panel-2),var(--draft-panel)); }
.draft-room-board > section + section { margin-top:18px; }
.draft-room-board > section > header { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:18px; }
.draft-room-board h2 { margin:4px 0 0; font-size:clamp(1.8rem,3vw,3rem); letter-spacing:-.045em; }

.draft-order-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.draft-order-list article,
.icon-seat-grid article {
  display:grid;
  grid-template-columns:38px 48px minmax(0,1fr) auto;
  min-width:0;
  min-height:74px;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--draft-line);
  border-radius:14px;
  background:#0a1421;
}
.draft-order-list article.is-current { border-color:var(--draft-gold); box-shadow:0 0 0 2px rgba(229,185,77,.12); }
.draft-order-list article.is-picked { background:#0d1c2d; }
.draft-order-list article > b,
.icon-seat-grid article > b { color:var(--draft-gold); font-size:1rem; font-variant-numeric:tabular-nums; }
.draft-order-list .team-mark,
.icon-seat-grid .team-mark { width:46px; height:46px; border-radius:11px; }
.draft-owner-token { display:grid !important; width:46px; height:46px; place-items:center; border:1px solid rgba(229,185,77,.35); border-radius:11px; background:#16273b; color:var(--draft-gold); font-size:.78rem; font-weight:950; letter-spacing:.04em; }
.draft-order-list article > span:not(.draft-order-move),
.icon-seat-grid article > span { min-width:0; display:grid; gap:3px; }
.draft-order-list strong,
.icon-seat-grid strong { overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; }
.draft-order-list small,
.icon-seat-grid small { color:var(--draft-muted); font-weight:800; }
.draft-order-move { display:flex; gap:4px; }
.draft-order-move button { width:44px; padding:0; border:1px solid var(--draft-line); border-radius:10px; background:#14243a; color:#fff; }

.draft-picker {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
  margin-top:18px;
  color:var(--draft-muted);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.draft-picker select { grid-column:1; width:100%; border:1px solid var(--draft-line); border-radius:12px; padding:0 14px; background:#f3f6f8; color:#0a1727; font-weight:850; }
.draft-picker button { grid-column:2; grid-row:1 / span 2; align-self:end; }

.icon-seat-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.icon-deferred-list { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px; color:var(--draft-muted); font-size:.82rem; }
.icon-deferred-list > span { margin-right:4px; font-weight:900; text-transform:uppercase; letter-spacing:.09em; }
.icon-deferred-list strong { padding:7px 10px; border:1px solid var(--draft-line); border-radius:999px; color:#fff; }

.draft-decision { border-color:rgba(229,185,77,.55) !important; }
.draft-decision > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#icon-event .hero-btn,
#icon-event .control-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(194,209,229,.3);
  border-radius:12px;
  padding:0 16px;
  background:#15253a;
  color:#fff;
  font-weight:900;
  text-decoration:none;
}
#icon-event .hero-btn.is-primary,
#icon-event button.is-primary,
#icon-event .control-btn { border-color:var(--draft-gold); background:var(--draft-gold); color:#111722; }

.icon-draft-grid { display:grid; gap:12px; }
.icon-draft-grid article {
  position:relative;
  display:grid;
  grid-template-columns:clamp(96px,16vw,150px) minmax(0,1fr) auto;
  min-width:0;
  min-height:160px;
  align-items:stretch;
  border:1px solid var(--draft-line);
  border-radius:16px;
  background:#08121f;
  overflow:hidden;
}
.icon-draft-grid article.is-confirming { border-color:var(--draft-gold); box-shadow:0 0 0 2px rgba(229,185,77,.16); }
.icon-draft-grid article.is-picked { opacity:.7; }
.icon-draft-grid article > img,
.icon-silhouette { width:100%; height:100%; min-height:160px; object-fit:cover; background:linear-gradient(150deg,#243c5a,#42284e); }
.icon-silhouette { display:grid; place-content:center; color:rgba(255,255,255,.7); font-size:2.1rem; font-weight:950; }
.icon-draft-grid article > div { min-width:0; display:flex; flex-direction:column; justify-content:center; gap:5px; padding:18px; }
.icon-draft-grid article > div > small { color:var(--draft-gold); font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.icon-draft-grid article > div > strong { font-size:clamp(1.45rem,3vw,2.6rem); line-height:1; letter-spacing:-.04em; }
.icon-draft-grid article > div > em { color:var(--draft-muted); font-style:normal; font-weight:750; }
.icon-ratings { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
.icon-ratings b { padding:5px 7px; border:1px solid var(--draft-line); border-radius:7px; background:#111f31; font-size:.72rem; }
.icon-draft-grid article > button { align-self:center; margin:16px; min-width:108px; }
.icon-pick-receipt { align-self:center; display:grid; justify-items:center; gap:3px; padding:16px; }
.icon-pick-receipt b { color:var(--draft-gold); font-size:1.5rem; }
.icon-pick-receipt small { color:#fff; font-weight:850; }

.draft-admin {
  border:1px solid var(--draft-line);
  border-top:0;
  background:#0a1421;
  color:#fff;
}
.draft-admin summary { min-height:54px; display:flex; align-items:center; padding:0 22px; cursor:pointer; font-weight:900; }
.draft-admin > div { display:flex; flex-wrap:wrap; gap:10px; padding:0 22px 22px; }
.draft-admin label { display:grid; grid-template-columns:minmax(160px,1fr) auto; gap:7px; color:var(--draft-muted); font-size:.76rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.draft-admin :is(select,input) { grid-column:1; border:1px solid var(--draft-line); border-radius:10px; padding:0 12px; background:#f4f6f8; color:#0a1727; text-transform:none; }
.draft-admin label > button { grid-column:2; grid-row:1 / span 2; align-self:end; }
.draft-admin-status { display:flex; align-items:center; min-height:44px; padding:0 13px; border:1px solid rgba(88,214,199,.38); border-radius:10px; color:var(--draft-cyan); font-weight:900; }
.draft-admin > p { margin:0; padding:0 22px 22px; color:var(--draft-muted); font-size:.8rem; }

.icon-class-builder { padding:22px; border-top:1px solid var(--draft-line); }
.icon-class-builder header { margin-bottom:14px; }
.icon-class-builder h3 { margin:4px 0 0; font-size:1.6rem; }
.icon-class-builder > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.icon-class-builder fieldset { display:grid; gap:8px; min-width:0; margin:0; padding:12px; border:1px solid var(--draft-line); border-radius:12px; }
.icon-class-builder legend { padding:0 7px; color:var(--draft-gold); font-size:.72rem; font-weight:900; text-transform:uppercase; }
.icon-class-builder fieldset > div { display:grid; grid-template-columns:1fr 1fr 1.25fr; gap:7px; }
.icon-class-builder input { width:100%; min-width:0; border:1px solid var(--draft-line); border-radius:9px; padding:0 10px; background:#f4f6f8; color:#0a1727; }
.icon-class-builder > button { margin-top:12px; }

.icon-mapping-list { margin:0 22px 22px; padding:18px; border:1px solid var(--draft-line); border-radius:14px; background:#0d1b2c; }
.icon-mapping-list header { margin-bottom:12px; }
.icon-mapping-list h3 { margin:4px 0 0; }
.icon-mapping-list article,
.icon-mapping-list form { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:center; min-height:58px; padding:8px 0; border-top:1px solid var(--draft-line); }
.icon-mapping-list form { grid-template-columns:minmax(120px,.8fr) minmax(140px,1fr) 110px auto; }
.icon-mapping-list form input { width:100%; }
.icon-mapping-list .team-mark { width:40px; height:40px; }
.icon-mapping-list article span { display:grid; gap:2px; }
.icon-mapping-list small { color:var(--draft-muted); }
.icon-mapping-list article > b { color:var(--draft-cyan); }

.draft-receipt {
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:58px;
  padding:12px 22px;
  border:1px solid var(--draft-line);
  border-top:0;
  border-radius:0 0 22px 22px;
  background:#050d17;
  color:var(--draft-muted);
  font-size:.75rem;
}
.draft-receipt > span { font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.draft-receipt > strong { color:#fff; }
.draft-receipt code { overflow:hidden; text-align:right; text-overflow:ellipsis; white-space:nowrap; color:#728399; }

@media (max-width:860px) {
  #icon-event { width:min(100% - 20px,760px); margin-top:18px; }
  .draft-room-hero { grid-template-columns:1fr; align-items:start; }
  .draft-room-hero aside { width:100%; }
  .draft-room-stage { grid-template-columns:1fr; }
  .draft-room-now { position:relative; top:auto; min-height:220px; }
  .draft-room-board { border-top:1px solid var(--draft-line); border-left:0; }
  .draft-order-list { grid-template-columns:1fr; }
  .icon-class-builder > div { grid-template-columns:1fr; }
}

@media (max-width:520px) {
  #icon-event { width:calc(100% - 12px); margin:8px auto 72px; }
  .draft-room-hero { gap:18px; padding:26px 20px; border-radius:20px 20px 0 0; }
  .draft-room-hero h1 { font-size:3.35rem; }
  .draft-room-hero p { font-size:.88rem; }
  .draft-room-now { min-height:190px; padding:24px 18px; }
  .draft-room-now h2 { font-size:2.35rem; }
  .draft-room-board { padding:10px; }
  .draft-room-board > section { padding:16px 12px; border-radius:16px; }
  .draft-room-board h2 { font-size:1.9rem; }
  .draft-order-list article,
  .icon-seat-grid article { grid-template-columns:30px 44px minmax(0,1fr); padding:9px; }
  .draft-order-list .team-mark,
  .icon-seat-grid .team-mark { width:42px; height:42px; }
  .draft-order-move { grid-column:1 / -1; justify-self:end; }
  .icon-seat-grid { grid-template-columns:1fr; }
  .draft-picker { grid-template-columns:1fr; }
  .draft-picker button { grid-column:1; grid-row:auto; width:100%; }
  .draft-decision > div { grid-template-columns:1fr; }
  .icon-draft-grid article { grid-template-columns:92px minmax(0,1fr); min-height:138px; }
  .icon-draft-grid article > img,
  .icon-silhouette { min-height:138px; }
  .icon-draft-grid article > div { padding:12px; }
  .icon-draft-grid article > button,
  .icon-pick-receipt { grid-column:1 / -1; width:calc(100% - 20px); margin:0 10px 10px; }
  .draft-admin > div { display:grid; padding-inline:12px; }
  .draft-admin label { grid-template-columns:1fr; }
  .draft-admin label > button { grid-column:1; grid-row:auto; }
  .icon-class-builder { padding:12px; }
  .icon-class-builder fieldset > div { grid-template-columns:1fr; }
  .icon-mapping-list { margin:0 12px 12px; padding:12px; }
  .icon-mapping-list form { grid-template-columns:1fr; padding:12px 0; }
  .draft-receipt { grid-template-columns:1fr auto; padding:12px; }
  .draft-receipt code { grid-column:1 / -1; text-align:left; }
}

/* Between-cycle Home keeps the approved front door, with completed M26 honors below it. */
.cycle-home-actions {
  display:flex;
  grid-area:actions;
  flex-wrap:wrap;
  gap:9px;
  align-items:center;
  margin-top:14px;
}

.cycle-home-actions .hero-btn {
  min-width:142px;
  min-height:44px;
}

.cycle-home-actions .hero-btn:not(.is-primary) {
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.07);
  color:#fff;
}

.cycle-home-actions .hero-btn:not(.is-primary):hover {
  border-color:rgba(239,184,71,.68);
  background:rgba(239,184,71,.12);
}

.home-join-panel {
  grid-area:owners;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto auto;
  gap:17px;
  align-content:start;
  min-width:0;
  overflow:hidden;
  border:1px solid #c7d1db;
  border-radius:20px;
  background:
    radial-gradient(circle at 105% -5%,rgba(179,16,4,.17),transparent 34%),
    linear-gradient(145deg,#f8fafb,#e8edf1);
  color:#0b1623;
  padding:26px;
  box-shadow:0 20px 48px rgba(0,0,0,.21);
}

.home-join-panel .eyebrow { color:#b31004; }
.home-join-panel h2 {
  max-width:9ch;
  margin:6px 0 0;
  color:#0b1623;
  font-size:clamp(31px,2.4vw,41px);
  line-height:.92;
  letter-spacing:-.055em;
}

html[data-theme="dark"] .home-join-panel h2 { color:#0b1623; }
html[data-theme="dark"] .home-join-panel > p { color:#536377; }

.home-join-facts {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}

.home-join-facts > span {
  display:grid;
  gap:2px;
  min-height:65px;
  align-content:center;
  border:1px solid #ced7df;
  border-radius:11px;
  background:rgba(255,255,255,.65);
  padding:10px 12px;
}

.home-join-facts strong {
  color:#0a1726;
  font-size:17px;
  line-height:1;
}

.home-join-facts small {
  color:#657387;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-join-panel > p {
  align-self:center;
  max-width:29ch;
  margin:0;
  color:#536377;
  font-size:13px;
  font-weight:760;
  line-height:1.55;
}

.home-join-discord {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:52px;
  border-radius:11px;
  background:linear-gradient(110deg,#b31004,#d02b1f);
  color:#fff;
  padding:0 16px;
  font-size:13px;
  font-weight:950;
  text-decoration:none;
  box-shadow:0 10px 22px rgba(179,16,4,.22);
}

.home-join-discord:hover { background:linear-gradient(110deg,#8e0d04,#bd2419); }
.home-join-about {
  justify-self:start;
  color:#203e62;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
}
.home-join-about:hover { color:#b31004; }

.home-draft-gallery {
  grid-area:owners;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  gap:10px;
  align-self:stretch;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(224,184,85,.34);
  border-radius:20px;
  background:
    radial-gradient(circle at 78% 0,rgba(214,31,20,.2),transparent 34%),
    linear-gradient(145deg,#111821,#060b11 72%);
  color:#fff;
  padding:14px;
  box-shadow:0 20px 48px rgba(0,0,0,.3);
  outline:none;
}

.home-draft-gallery:focus-visible {
  border-color:#f0c75e;
  box-shadow:0 0 0 3px rgba(240,199,94,.25),0 20px 48px rgba(0,0,0,.3);
}

.home-draft-gallery > header {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  min-height:42px;
}

.home-draft-gallery > header .eyebrow {
  color:#efbd56;
  font-size:8px;
  letter-spacing:.14em;
}

.home-draft-gallery > header h2 {
  margin:3px 0 0;
  color:#fff;
  font-size:28px;
  line-height:.9;
  letter-spacing:-.05em;
}

.home-draft-gallery > header > strong {
  color:#f4ca6a;
  font-size:21px;
  font-variant-numeric:tabular-nums;
  line-height:1;
}

.home-draft-gallery > header > strong span {
  color:#7f8b98;
  font-size:10px;
}

.league-intro > .home-draft-feature-stage { grid-area:stage; }

.home-draft-feature-stage {
  position:relative;
  display:grid;
  grid-template-rows:42px minmax(0,1fr);
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(224,184,85,.28);
  border-radius:18px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0 / 44px 44px,
    radial-gradient(circle at 50% 42%,rgba(213,35,25,.2),transparent 40%),
    #050b12;
  color:#fff;
  isolation:isolate;
  box-shadow:0 20px 46px rgba(0,0,0,.28);
}

.home-draft-feature-stage > header {
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(4,10,17,.86);
  padding:0 15px;
}

.home-draft-feature-stage > header span {
  display:flex;
  align-items:baseline;
  gap:8px;
}

.home-draft-feature-stage > header small,
.home-draft-feature-stage > header em {
  color:#9aa6b4;
  font-size:8px;
  font-style:normal;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.home-draft-feature-stage > header strong {
  color:#fff;
  font-size:12px;
  letter-spacing:.01em;
}

.home-draft-feature-stage > header em { color:#efbd56; }

.home-draft-feature-track {
  display:grid;
  grid-template-columns:minmax(0,1fr) 292px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:0;
  overflow:hidden;
  padding:13px 42px;
}

.home-draft-feature-track figure {
  position:relative;
  width:min(100%,250px);
  aspect-ratio:1;
  overflow:hidden;
  margin:0;
  border:1px solid color-mix(in srgb,var(--team-primary) 60%,#caa84f);
  border-radius:11px;
  background:#05090e;
  box-shadow:0 16px 34px rgba(0,0,0,.42);
}

.home-draft-feature-track figure.is-current {
  z-index:2;
  width:292px;
  justify-self:center;
  border-color:#efbd56;
  box-shadow:0 18px 42px rgba(0,0,0,.48),0 0 0 1px rgba(239,189,86,.18);
  animation:home-draft-card-in .22s ease-out both;
}

.home-draft-feature-track figure.is-previous {
  justify-self:end;
  opacity:.42;
  transform:translateX(12%) rotate(-2.5deg) scale(.9);
}

.home-draft-feature-track figure.is-next {
  justify-self:start;
  opacity:.42;
  transform:translateX(-12%) rotate(2.5deg) scale(.9);
}

.home-draft-feature-track figure > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.home-draft-step {
  position:absolute;
  top:50%;
  z-index:3;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:rgba(3,8,13,.8);
  color:#fff;
  font:inherit;
  font-size:18px;
  font-weight:950;
  box-shadow:0 8px 18px rgba(0,0,0,.28);
  transform:translateY(-50%);
  backdrop-filter:blur(8px);
}

.home-draft-step:hover,
.home-draft-step:focus-visible {
  border-color:#f0c75e;
  background:#f0c75e;
  color:#07111f;
}

.home-draft-step.is-previous { left:7px; }
.home-draft-step.is-next { right:7px; }

.home-draft-current {
  display:grid;
  grid-template-columns:116px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--team-primary) 48%,rgba(255,255,255,.18));
  border-radius:14px;
  background:
    radial-gradient(circle at 10% 14%,color-mix(in srgb,var(--team-secondary) 34%,transparent),transparent 36%),
    linear-gradient(145deg,color-mix(in srgb,var(--team-primary) 42%,#111a25),#080e15 76%);
  padding:18px 14px;
}

.home-draft-current .team-mark.mark-hero {
  display:grid;
  place-items:center;
  width:112px!important;
  height:112px!important;
  box-sizing:border-box;
  padding:15px;
  overflow:visible;
  border:0;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 28px rgba(0,0,0,.28);
}

.home-draft-current .team-mark.mark-hero img {
  width:82px!important;
  height:82px!important;
  object-fit:contain;
  object-position:center;
}

.home-draft-current > div { min-width:0; }
.home-draft-current small,
.home-draft-current strong,
.home-draft-current span { display:block; }
.home-draft-current small {
  color:color-mix(in srgb,var(--team-secondary) 76%,#fff);
  font-size:8px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.home-draft-current strong {
  overflow:hidden;
  margin-top:7px;
  color:#fff;
  font-size:clamp(19px,1.7vw,26px);
  line-height:.95;
  letter-spacing:-.04em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-draft-current span {
  margin-top:7px;
  color:#c9d1da;
  font-size:10px;
  font-weight:850;
  line-height:1.25;
}

.home-draft-gallery-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}

.home-draft-gallery-actions button {
  min-height:44px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  background:#111b27;
  color:#fff;
  font:inherit;
  font-size:17px;
  font-weight:950;
}

.home-draft-gallery-actions button:hover,
.home-draft-gallery-actions button:focus-visible {
  border-color:#efbd56;
  background:#efbd56;
  color:#08111d;
}

.home-draft-picks {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:5px;
}

.home-draft-picks button {
  min-width:0;
  min-height:44px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:8px;
  background:#141d28;
  color:#8d9aaa;
  font:inherit;
  font-size:9px;
  font-weight:950;
  font-variant-numeric:tabular-nums;
}

.home-draft-picks button:hover,
.home-draft-picks button:focus-visible {
  border-color:#dcb85c;
  color:#fff;
}

.home-draft-picks button.is-active {
  border-color:#efbd56;
  background:#efbd56;
  color:#09121d;
}

.home-draft-correction {
  position:relative;
  display:grid;
  width:100%;
  height:100%;
  place-content:center;
  justify-items:center;
  overflow:hidden;
  background:
    linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.68)),
    radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--team-secondary) 55%,transparent),transparent 34%),
    linear-gradient(145deg,var(--team-primary),#090b0e 78%);
  color:#fff;
  text-align:center;
}

.home-draft-correction::before,
.home-draft-correction::after {
  position:absolute;
  inset:12px;
  border:1px solid color-mix(in srgb,var(--team-secondary) 60%,#fff);
  content:"";
  opacity:.45;
}

.home-draft-correction::after {
  inset:19px;
  border-color:rgba(255,255,255,.18);
}

.home-draft-correction > * { position:relative; z-index:1; }
.home-draft-correction > span {
  color:color-mix(in srgb,var(--team-secondary) 76%,#fff);
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.home-draft-correction .team-mark.mark-hero {
  width:148px!important;
  height:148px!important;
  margin:18px 0 12px;
  background:rgba(255,255,255,.95);
  box-shadow:0 14px 28px rgba(0,0,0,.32);
}

.home-draft-correction .team-mark.mark-hero img {
  width:126px!important;
  height:126px!important;
}

.home-draft-correction > strong {
  max-width:90%;
  overflow:hidden;
  font-size:27px;
  line-height:1;
  letter-spacing:-.04em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.home-draft-correction > b {
  margin-top:7px;
  color:#d9e0e7;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

@keyframes home-draft-card-in {
  from { opacity:.55; transform:translateY(5px) scale(.985); }
  to { opacity:1; transform:none; }
}

@media (prefers-reduced-motion:reduce) {
  .home-draft-feature-track figure { animation:none; }
}

.cycle-ring-owners { grid-template-columns:repeat(5,minmax(0,1fr)); }
.cycle-club99-head { grid-template-columns:minmax(0,1fr) auto; }

@media (min-width:901px) {
  #overview .cycle-home-intro {
    grid-template-rows:190px 390px;
  }

  #overview .cycle-home-intro .league-intro-copy {
    grid-template-rows:auto auto auto;
    grid-template-areas:
      "eyebrow summary"
      "title summary"
      "actions summary";
    gap:4px 30px;
    align-content:center;
    min-height:190px;
    padding-top:14px;
    padding-bottom:14px;
  }

  #overview .cycle-home-intro .league-intro-copy > h1 {
    margin:0;
    font-size:clamp(44px,3.5vw,54px);
  }

  #overview .cycle-home-intro .league-intro-copy > p {
    align-self:center;
  }

  #overview .cycle-home-intro .cycle-home-actions { margin-top:2px; }

  #overview .cycle-home-intro > .home-replay-stage { height:390px; }
  #overview .cycle-home-intro > .home-draft-feature-stage { height:390px; }
  #overview .cycle-home-intro > .home-join-panel { height:580px; }
}

@media (max-width:900px) {
  #overview .cycle-home-intro {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "copy"
      "stage"
      "owners";
  }

  #overview .cycle-home-intro .league-intro-copy {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "eyebrow"
      "title"
      "summary"
      "actions";
    gap:0;
    overflow:visible;
  }
  #overview .cycle-home-intro .league-intro-copy > .eyebrow { grid-area:eyebrow; }
  #overview .cycle-home-intro .league-intro-copy > h1 {
    grid-area:title;
    max-width:9.5ch;
    margin:7px 0 14px;
    font-size:clamp(42px,11vw,58px);
  }
  #overview .cycle-home-intro .league-intro-copy > p {
    grid-area:summary;
    max-width:36ch;
    margin:0;
  }
  #overview .cycle-home-intro .cycle-home-actions { width:100%; }
  #overview .cycle-home-intro .home-join-panel {
    width:100%;
    height:auto;
    margin:0;
  }
  #overview .cycle-home-intro .home-draft-gallery {
    width:100%;
    height:auto;
    margin:0;
  }
  #overview .cycle-home-intro .home-draft-feature-stage {
    width:100%;
    height:auto;
    min-height:0;
  }
  .home-draft-feature-track {
    grid-template-columns:minmax(0,1fr);
    justify-items:center;
    padding:12px 30px;
  }
  .home-draft-feature-track figure.is-previous,
  .home-draft-feature-track figure.is-next { display:none; }
  .home-draft-feature-track figure.is-current { width:min(100%,310px); }
}

@media (max-width:620px) {
  #overview .cycle-home-intro .cycle-home-actions { display:grid; grid-template-columns:1fr 1fr; }
  #overview .cycle-home-intro .cycle-home-actions .hero-btn { width:100%; min-width:0; }
  .home-join-panel { gap:14px; border-radius:16px; padding:20px 17px; }
  .home-join-panel h2 { font-size:34px; }
  .home-draft-gallery { border-radius:16px; padding:13px; }
  .home-draft-gallery > header h2 { font-size:27px; }
  .home-draft-current { grid-template-columns:92px minmax(0,1fr); min-height:150px; padding:14px 12px; }
  .home-draft-current .team-mark.mark-hero { width:88px!important; height:88px!important; padding:13px; }
  .home-draft-current .team-mark.mark-hero img { width:62px!important; height:62px!important; }
  .home-draft-picks { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .home-draft-step.is-previous { left:6px; }
  .home-draft-step.is-next { right:6px; }
  .cycle-ring-card-grid,
  .cycle-ring-card-grid:not(.is-count-0):not(.is-count-1),
  .cycle-ring-card-grid.is-count-1,
  .cycle-ring-card-grid.is-count-2 { grid-template-columns:minmax(0,1fr)!important; }
}

@media (max-width:360px) {
  .home-draft-feature-track { padding:10px 20px; }
}

.site-footer {
  margin-top:0;
  border-top:1px solid rgba(192,199,207,.17);
  background:
    radial-gradient(circle at 18% 0,rgba(23,63,159,.22),transparent 36%),
    linear-gradient(110deg,#04080d,#07111f 62%,#0e1b2b);
  color:#fff;
}

body[data-view="overview"] main { padding-bottom:24px; }

.site-footer-inner {
  display:grid;
  grid-template-columns:minmax(230px,1.1fr) minmax(320px,1fr) minmax(230px,.8fr);
  gap:36px;
  align-items:center;
  width:min(1680px,calc(100% - 48px));
  min-height:170px;
  margin:0 auto;
  padding:30px 0;
}

.site-footer-brand {
  display:flex;
  gap:13px;
  align-items:center;
  color:#fff;
  text-decoration:none;
}

.site-footer-brand img {
  width:58px;
  height:58px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:13px;
  object-fit:cover;
}

.site-footer-brand span { display:grid; gap:3px; }
.site-footer-brand strong { font-size:17px; letter-spacing:.04em; text-transform:uppercase; }
.site-footer-brand small { color:#9eabb9; font-size:10px; font-weight:760; }

.site-footer-nav {
  display:flex;
  flex-wrap:wrap;
  gap:9px 22px;
  justify-content:center;
}

.site-footer-nav a,
.site-footer-join > a:not(.site-footer-discord) {
  color:#c6ced7;
  font-size:11px;
  font-weight:850;
  text-decoration:none;
}

.site-footer-nav a:hover,
.site-footer-join > a:not(.site-footer-discord):hover { color:#fff; }

.site-footer-join {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px 12px;
  align-items:center;
}

.site-footer-join > span {
  grid-column:1/-1;
  color:#f0bc50;
  font-size:9px;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.site-footer-discord {
  display:inline-flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#b31004;
  color:#fff;
  padding:0 15px;
  font-size:11px;
  font-weight:950;
  text-decoration:none;
}

.site-footer-discord:hover { background:#d02b1f; }
body[data-view="clip-review"] .site-footer { display:none; }

@media (max-width:900px) {
  .site-footer-inner {
    grid-template-columns:1fr 1fr;
    gap:24px;
    width:min(100% - 32px,720px);
    padding:28px 0 84px;
  }
  .site-footer-brand { grid-column:1/-1; }
  .site-footer-nav { justify-content:flex-start; }
  .site-footer-join { justify-self:end; }
}

@media (max-width:560px) {
  .site-footer-inner { grid-template-columns:1fr; gap:22px; width:calc(100% - 28px); min-height:0; }
  .site-footer-brand,
  .site-footer-nav,
  .site-footer-join { grid-column:1; justify-self:stretch; }
  .site-footer-nav { gap:10px 18px; }
}

/* August 20 density pass: same Home content, less container tax. */
@media (min-width:901px) {
  body[data-view="overview"] main { padding-top:18px; }

  #overview .cycle-home-intro {
    grid-template-rows:170px 360px;
    height:530px;
  }

  #overview .cycle-home-intro .league-intro-copy {
    min-height:170px;
    padding:14px 24px;
  }

  #overview .cycle-home-intro .league-intro-copy > h1 {
    font-size:clamp(39px,3.2vw,49px);
  }

  #overview .cycle-home-intro .league-intro-copy > p {
    max-width:34ch;
    font-size:12px;
    line-height:1.4;
  }

  #overview .cycle-home-intro .cycle-home-actions .hero-btn {
    min-height:40px;
  }

  #overview .cycle-home-intro > .home-replay-stage {
    height:360px;
  }

  #overview .cycle-home-intro > .home-draft-feature-stage {
    height:360px;
  }

  #overview .cycle-home-intro > .home-join-panel {
    height:530px;
    grid-template-rows:auto auto minmax(0,1fr) auto auto;
    gap:13px;
    padding:20px;
  }

  #overview .cycle-home-intro .home-join-panel h2 {
    font-size:clamp(29px,2.15vw,36px);
  }

  #overview .cycle-home-intro .home-join-facts { gap:6px; }
  #overview .cycle-home-intro .home-join-facts > span {
    min-height:54px;
    padding:8px 10px;
  }
  #overview .cycle-home-intro .home-join-facts strong { font-size:15px; }
  #overview .cycle-home-intro .home-join-panel > p {
    max-width:27ch;
    font-size:11px;
    line-height:1.45;
  }
  #overview .cycle-ring-hall {
    padding:18px;
  }

  #overview .cycle-ring-head { min-height:48px; }
  #overview .cycle-ring-head h2 { font-size:clamp(30px,2.6vw,40px); }
  #overview .cycle-ring-owner-mark {
    grid-template-columns:46px minmax(100px,auto) auto;
    padding:5px 8px 5px 5px;
  }
  #overview .cycle-ring-owner-mark > .team-mark {
    width:44px;
    height:42px;
  }
  #overview .cycle-ring-owner-mark strong { font-size:13px; }
  #overview .cycle-ring-owner-mark > b { font-size:20px; }

  #overview .cycle-ring-owners {
    margin:11px 0 9px;
  }
  #overview .cycle-ring-owners button {
    grid-template-columns:32px minmax(0,1fr);
    min-height:48px;
    padding:5px;
  }
  #overview .cycle-ring-owners .team-mark {
    width:30px;
    height:30px;
  }

  #overview .cycle-ring-card-grid,
  #overview .cycle-ring-card-grid.is-count-1,
  #overview .cycle-ring-card-grid.is-count-2 {
    min-height:224px;
  }
  #overview .cycle-ring-card { min-height:224px; }
  #overview .cycle-ring-card > header {
    min-height:38px;
    padding:8px 10px 0;
  }
  #overview .cycle-ring-card > header > b { font-size:26px; }
  #overview .cycle-ring-card-player {
    grid-template-columns:86px minmax(0,1fr);
    gap:9px;
    padding:0 10px 5px 5px;
  }
  #overview .cycle-ring-card-player .player-avatar.avatar-hero {
    width:84px;
    height:96px;
  }
  #overview .cycle-ring-card-player > span { padding-bottom:4px; }
  #overview .cycle-ring-card-player strong { font-size:clamp(15px,1.3vw,20px); }
  #overview .cycle-ring-card-ratings > span { min-height:34px; }
  #overview .cycle-ring-card-ratings b { font-size:13px; }
  #overview .cycle-ring-card > footer {
    min-height:28px;
    padding:4px 9px;
  }

  #overview .cycle-club99-head {
    min-height:86px;
    padding:15px 20px;
  }
  #overview .cycle-club99-head h2 {
    font-size:clamp(36px,3.2vw,48px);
  }
  #overview .cycle-club99-tools {
    grid-template-columns:minmax(240px,1fr) 140px 140px auto;
    gap:8px;
    padding:8px 12px;
  }
  #overview .cycle-club99-tools input,
  #overview .cycle-club99-tools select { min-height:34px; }
  #overview .cycle-club99-table-wrap { max-height:430px; }
  #overview .cycle-club99 th { height:36px; }
  #overview .cycle-club99 td {
    height:44px;
    padding-top:5px;
    padding-bottom:5px;
  }

  body[data-view="overview"] .site-footer { margin-top:0; }
}

/* Keep the compact desktop composition, but give wrapped masthead actions their own row. */
@media (min-width:901px) and (max-width:1100px) {
  #overview .cycle-home-intro {
    grid-template-rows:210px 360px;
    height:570px;
  }

  #overview .cycle-home-intro .league-intro-copy {
    min-height:210px;
  }
}

/* Icons draw receipts and commissioner launch control */
.icons-draw-receipts {
  border-top:1px solid var(--icons-line,rgba(255,255,255,.12));
  background:#07111d;
  color:#fff;
}
.icons-draw-receipts > summary {
  display:flex;
  min-height:58px;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 clamp(18px,3vw,32px);
  color:#dce3eb;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  list-style:none;
  text-transform:uppercase;
  cursor:pointer;
}
.icons-draw-receipts > summary::-webkit-details-marker { display:none; }
.icons-draw-receipts > summary b { color:#e8bd55; font-variant-numeric:tabular-nums; }
.icons-draw-receipts > div { display:grid; gap:7px; border-top:1px solid rgba(255,255,255,.08); padding:14px clamp(14px,3vw,28px) 22px; }
.icons-receipt-pending,
.icons-draw-receipts details > summary {
  display:grid;
  grid-template-columns:68px 42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:58px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:#0d1c2c;
  padding:7px 11px;
}
.icons-receipt-pending { grid-template-columns:68px minmax(0,1fr) auto; color:#8f9cac; }
.icons-receipt-pending b,
.icons-draw-receipts details > summary > b { color:#e8bd55; font-size:12px; }
.icons-receipt-pending code { overflow:hidden; color:#728195; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.icons-receipt-pending span { font-size:9px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.icons-draw-receipts details > summary { list-style:none; cursor:pointer; }
.icons-draw-receipts details > summary::-webkit-details-marker { display:none; }
.icons-draw-receipts details > summary .team-mark { width:42px; height:42px; border-radius:9px; }
.icons-draw-receipts details > summary > span { display:grid; min-width:0; }
.icons-draw-receipts details > summary strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.icons-draw-receipts details > summary small { color:#8290a1; font-size:9px; }
.icons-draw-receipts details > summary em { color:#98a6b6; font-size:9px; font-style:normal; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.icons-draw-receipts details > summary em.is-match { color:#63d6a0; }
.icons-draw-receipts details > summary em.is-mismatch { color:#ff8d8d; }
.icons-draw-receipts details > div,
.icons-draw-receipts details > dl { margin:0 9px; border-right:1px solid rgba(255,255,255,.08); border-left:1px solid rgba(255,255,255,.08); background:#091522; }
.icons-receipt-field { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; color:#8493a4; font-size:9px; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
.icons-receipt-field > div { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px; }
.icons-receipt-field .team-mark { width:30px; height:30px; border-radius:7px; }
.icons-draw-receipts details > dl { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid rgba(255,255,255,.08); padding:0 12px 12px; }
.icons-draw-receipts details > dl > div { min-width:0; border-top:1px solid rgba(255,255,255,.07); padding:9px 8px 3px 0; }
.icons-draw-receipts dt { color:#8493a4; font-size:8px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.icons-draw-receipts dd { min-width:0; margin:4px 0 0; }
.icons-draw-receipts dd code { display:block; overflow:hidden; color:#d7dee7; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }

#owner-desk .owner-icons-control {
  overflow:hidden;
  margin:0 0 18px;
  border:1px solid rgba(21,51,83,.2);
  border-radius:22px;
  background:linear-gradient(135deg,#07111e,#102944 72%,#091522);
  color:#fff;
  box-shadow:0 18px 50px rgba(7,21,37,.16);
}
#owner-desk .owner-icons-control > header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:19px 22px 15px;
}
#owner-desk .owner-icons-control .eyebrow { color:#f0c65e; }
#owner-desk .owner-icons-control h2 { margin:4px 0 0; color:#fff; font-size:clamp(26px,3vw,38px); line-height:.9; letter-spacing:-.045em; }
#owner-desk .owner-icons-status { border:1px solid rgba(240,198,94,.34); border-radius:999px; color:#f0c65e; padding:7px 10px; font-size:9px; font-weight:950; letter-spacing:.09em; text-transform:uppercase; }
#owner-desk .owner-icons-control-body { display:grid; grid-template-columns:minmax(180px,320px) minmax(0,1fr); align-items:center; min-height:142px; border-top:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); background:rgba(3,9,16,.34); }
#owner-desk .owner-icons-control-body > img { width:100%; height:142px; object-fit:cover; object-position:center; }
#owner-desk .owner-icons-control-body > div { display:grid; gap:7px; padding:20px 26px; }
#owner-desk .owner-icons-control-body strong { color:#fff; font-size:clamp(22px,2.7vw,34px); }
#owner-desk .owner-icons-control-body span { color:#aebbc9; font-size:13px; font-weight:750; }
#owner-desk .owner-icons-order { border-bottom:1px solid rgba(255,255,255,.09); background:rgba(3,9,16,.5); }
#owner-desk .owner-icons-order > summary { display:flex; min-height:58px; align-items:center; justify-content:space-between; gap:16px; padding:0 20px; cursor:pointer; list-style:none; }
#owner-desk .owner-icons-order > summary::-webkit-details-marker { display:none; }
#owner-desk .owner-icons-order > summary span { display:grid; gap:2px; }
#owner-desk .owner-icons-order > summary small { color:#8294a8; font-size:9px; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
#owner-desk .owner-icons-order > summary strong { color:#fff; font-size:16px; }
#owner-desk .owner-icons-order > summary > b { color:#e8bd55; font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
#owner-desk .owner-icons-order form { padding:0 18px 16px; }
#owner-desk .owner-icons-order form > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
#owner-desk .owner-icons-order form > div > label { display:grid; grid-template-columns:24px 34px minmax(0,1fr); align-items:center; gap:8px; min-width:0; border:1px solid rgba(255,255,255,.09); border-radius:10px; background:#0d1c2c; padding:7px; }
#owner-desk .owner-icons-order form > div > label > b { color:#e8bd55; text-align:center; font-size:11px; }
#owner-desk .owner-icons-order .team-mark { width:34px; height:34px; border-radius:8px; }
#owner-desk .owner-icons-order select,
#owner-desk .owner-icons-order input { min-width:0; min-height:42px; border:1px solid rgba(255,255,255,.13); border-radius:8px; background:#14273a; color:#fff; padding:0 10px; font:inherit; font-size:12px; font-weight:800; }
#owner-desk .owner-icons-order-reason { display:grid; gap:6px; margin-top:10px; color:#aebbc9; font-size:10px; font-weight:900; text-transform:uppercase; }
#owner-desk .owner-icons-order form > footer { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; margin-top:12px; }
#owner-desk .owner-icons-control > footer { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; padding:14px 18px; }
#owner-desk .owner-icons-control button,
#owner-desk .owner-icons-control footer a,
#owner-desk .owner-icons-control > header button {
  display:inline-grid;
  min-height:44px;
  place-items:center;
  border:1px solid rgba(240,198,94,.5);
  border-radius:10px;
  background:#172a40;
  color:#fff;
  padding:0 16px;
  font:inherit;
  font-size:12px;
  font-weight:950;
  text-decoration:none;
}
#owner-desk .owner-icons-control button,
#owner-desk .owner-icons-control footer a.is-primary { background:#e8bd55; color:#0b1522; }
#owner-desk .owner-icons-control button:disabled { cursor:wait; opacity:.55; }
#owner-desk .owner-icons-control > p { margin:0; padding:0 22px 16px; color:#aebbc9; }
#owner-desk .owner-icons-control > p.is-error { color:#ff9b9b; }
#owner-desk .owner-icons-control.is-loading { display:flex; min-height:82px; align-items:center; justify-content:space-between; padding:0 22px; }
#owner-desk .owner-icons-control.is-loading > div { display:flex; align-items:center; gap:12px; color:#fff; }
#owner-desk .owner-icons-control.is-loading strong { font-size:14px; }
#owner-desk .owner-icons-signin { display:flex; min-height:58px; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; border:1px solid rgba(21,51,83,.16); border-radius:14px; background:#fff; padding:8px 14px; color:#526172; }
#owner-desk .owner-icons-signin span { font-size:10px; font-weight:950; letter-spacing:.09em; text-transform:uppercase; }
#owner-desk .owner-icons-signin a { display:grid; min-height:42px; place-items:center; border-radius:9px; background:#102944; color:#fff; padding:0 13px; font-size:11px; font-weight:950; text-decoration:none; }

@media (max-width:620px) {
  .icons-draw-receipts > div { padding-inline:8px; }
  .icons-receipt-pending,
  .icons-draw-receipts details > summary { grid-template-columns:54px 36px minmax(0,1fr); gap:7px; padding-inline:8px; }
  .icons-receipt-pending { grid-template-columns:54px minmax(0,1fr) auto; }
  .icons-draw-receipts details > summary .team-mark { width:36px; height:36px; }
  .icons-draw-receipts details > summary em { grid-column:3; }
  .icons-draw-receipts details > dl { grid-template-columns:minmax(0,1fr); }
  #owner-desk .owner-icons-control { border-radius:18px; }
  #owner-desk .owner-icons-control > header { align-items:flex-start; padding:16px 15px 13px; }
  #owner-desk .owner-icons-control-body { grid-template-columns:1fr; }
  #owner-desk .owner-icons-control-body > img { height:auto; aspect-ratio:16/7; }
  #owner-desk .owner-icons-control-body > div { padding:16px; }
  #owner-desk .owner-icons-order form { padding-inline:10px; }
  #owner-desk .owner-icons-order form > div { grid-template-columns:minmax(0,1fr); }
  #owner-desk .owner-icons-order > summary { padding-inline:14px; }
  #owner-desk .owner-icons-control > footer { display:grid; grid-template-columns:1fr; padding:12px; }
  #owner-desk .owner-icons-signin { align-items:stretch; flex-direction:column; }
}