/* Black and gold palette from the user's screenshots. Speed Odds remains a private demo. */
:root { --app-bg:#11100d; --app-surface:#211f19; --app-ink:#fff9ec; --app-muted:#c2bbaa; --app-accent:#e6c675;
  --border:#4c432f; --purple:#cfac54; --lilac:#e6c675; --muted:#b8b09e; --brand:#e6c675;
  color:#fff9ec; background:#11100d; font-family:Inter,Arial,sans-serif; }
body { background:#11100d; color:#fff9ec; }
body::before,body::after { display:none; }
a { color:#e6c675; }
button,input,select { font-family:inherit; border-color:#51462f; }
button { background:#211f19; color:#fff9ec; }
button:hover { border-color:#e6c675; }
button[aria-pressed=true] { color:#17130a; background:#e6c675; border-color:#e6c675; }
.topbar { background:#090909; border-bottom:1px solid #695326; gap:12px; }
.brand { display:flex; flex-direction:column; align-items:flex-start; min-width:112px; }
.brand-wordmark { font:800 25px/1.05 Georgia,serif; letter-spacing:-.03em; color:#e6c675; }
.brand-wordmark span { color:#fff8e8; }
.brand-line { display:flex; align-items:baseline; gap:7px; white-space:nowrap; }
.brand-by { font:500 10px/1 Inter,Arial,sans-serif; color:#c3b38a; }
.brand-demo { font:500 9px/1.4 Inter,sans-serif; letter-spacing:.1em; color:#c3b38a; margin-top:4px; }
#hamburger { display:block; order:5; height:44px; width:44px; padding:6px; font-size:22px; background:#201b11; border:1px solid #6b5930; border-radius:8px; }
.topbar nav { gap:10px; }
.topbar nav a { color:#d9cfb8; }
.topbar nav a[aria-current=page] { color:#e6c675; border-color:#e6c675; }
.balance-chip { background:#241f14; border-color:#6d5930; color:#fff3d0; }
.balance-chip>span { color:#cbbd9c; }
.app-primary { background:#e6c675; color:#211906; border:0; }
.app-primary:hover { background:#f2d68d; }
.panel,.discovery-card,.discovery-saved,.swipe-card { background:#211f19; border-color:#665532; box-shadow:none; }
.pitch-panel { background:#17150f; border-color:#665532; box-shadow:none; }
.match-strip { background:linear-gradient(145deg,#382f1d,#17140f 65%); }
.match-strip::before { background:linear-gradient(transparent,#11100d80); }
.match-strip::after { border-color:#e6c67520; background:linear-gradient(90deg,transparent 49.8%,#e6c67520 50%,transparent 50.2%); }
.segmented button[aria-pressed=true] { background:#e6c675; color:#17130a; border-color:#e6c675; box-shadow:none; }
.selections button { background:#211f19; color:#fff9ec; }
.selections button[aria-pressed=true] { background:#332a18; color:#fff9ec; border-color:#e6c675; box-shadow:inset 0 0 0 1px #e6c675; }
.selections .source-age { color:#d2c4a4; }
#timeframes button[aria-pressed=true] { color:#17130a; border-color:#e6c675; }
.candle-timer { border-color:#806839; background:#17150f; }
.bolt { color:#e6c675; }
.stake-input input { background:#17150f; color:#fff9ec; }
.stake-input button { background:#e6c675; color:#17130a; }
.primary { background:#e6c675; color:#17130a; border-color:#e6c675; }
.primary:hover { background:#f2d68d; color:#17130a; }
.text-button { color:#ead39d; }
.position details[open] { background:#2b2518; }
.topbar nav a[aria-current=page] { background:#332a18; }
:focus-visible { outline-color:#e6c675; }
.brand { flex-shrink:1; }
@media (max-width:380px) {
  .brand .brand-wordmark { font-size:18px; }
  .balance-chip>span { display:none; }
}
.discovery-card { box-shadow:0 6px 0 -3px #352d1c,0 12px 0 -6px #524023; }
.discovery-event,.discovery-event time,.discovery-progress,.discovery-source,.discovery-note,.discovery-feedback,.discovery-list-note,.discovery-saved-head>span,.discovery-saved-source,.discovery-saved dt { color:#c5bcaa; }
.discovery-heading p,.discovery-status,.discovery-question small,.discovery-heading h1 small { color:#e6c675; }
.discovery-heading h1,.swipe-heading h1 { font-family:Inter,Arial,sans-serif; font-size:27px; letter-spacing:-.03em; }
.discovery-ticket b { background:#5b4820; color:#fff5d5; }
.discovery-ticket[data-has-picks=true] { background:#e6c675; color:#211906; border-color:#e6c675; }
.discovery-choices .discovery-choice { background:#2c2519; color:#efd38f; border-color:#796137; }
.discovery-choices .discovery-choice.right { background:#263127; color:#b9d8a7; border-color:#597852; }
.discovery-choice b { color:#fff9ec; }
.discovery-choice small,.discovery-source { color:#c5bcaa; }
.discovery-actions button:first-child { background:#4a381a; color:#ffe1a5; border-color:#95723d; }
.discovery-actions button:last-child { background:#2c432b; color:#d5f0bf; border-color:#64875b; }
.discovery-draw { background:#29251b; color:#e6d7b5; }
.discovery-question h2 { color:#fff9ec; }
.discovery-intent:not(:empty) { background:#201b11f5; color:#ffe8af; border-color:#e6c675; }
.discovery-chart-link { background:#29251b; color:#f0d89e; border-color:#6b5930; }
.discovery-saved-choice,.discovery-saved dd { color:#fff0c8; }
.discovery-toolbar { display:grid; grid-template-columns:1fr 1.2fr .8fr; gap:7px; }
.discovery-toolbar>button { min-height:46px; font-size:12px; padding:8px 5px; border-radius:8px; }
.discovery-toolbar [data-lucky] { background:#42351b; color:#ffdf89; border-color:#8b6b2c; }
/* The card is the touch target. Secondary controls never cover live quotes. */
@media (max-width:767px) {
  .discovery-heading p { display:block; font-size:10px; letter-spacing:.04em; margin-bottom:3px; }
  .discovery-heading h1 { white-space:nowrap; }
  .discovery-actions { position:static; padding:0; }
}
@media (max-width:767px) and (max-height:720px) {
  .discovery-heading { margin-bottom:6px; }
  .discovery-heading p { display:none; }
  .discovery-toolbar>button { min-height:44px; }
  .discovery-progress { margin:6px 2px; }
  .discovery-teams { min-height:32px; margin:5px 0; }
  .discovery-question { margin-bottom:6px; }
  .discovery-question h2 { font-size:20px; }
  .discovery-choices .discovery-choice { min-height:118px; }
  .discovery-choice b { font-size:19px; }
  .discovery-choice strong { font-size:28px; }
  .discovery-sparkline,.discovery-choice svg { height:24px; }
}
@media (max-width:350px) {
  .discovery-heading h1 { font-size:22px; }
  .discovery-heading { gap:6px; }
  .topbar .brand { min-width:0; }
  .brand-line { flex-wrap:wrap; row-gap:1px; }
  .brand .brand-wordmark { font-size:16px; }
  .brand-demo { max-width:130px; }
  .discovery-teams img,.discovery-teams>div>span { display:none; }
  .discovery-teams>div { justify-content:center; }
}
.app-popover { width:min(440px,calc(100vw - 24px)); max-height:80dvh; background:#211f19; color:#fff9ec; border:1px solid #806839; border-radius:14px; padding:20px; }
dialog::backdrop { background:#0009; }
.app-popover h2 { margin:0; font-size:21px; }
.popover-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.popover-heading button { width:44px; height:44px; padding:0; font-size:25px; }
.league-options { display:grid; gap:2px; margin:16px 0; }
.league-options label { display:flex; align-items:center; gap:12px; min-height:48px; padding:8px; border-bottom:1px solid #453a25; font-size:14px; }
.league-options input { width:20px; height:20px; accent-color:#e6c675; }
.league-options small { margin-left:auto; }
.league-shortcuts { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.league-shortcuts button { min-height:44px; }
.chip-options { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:18px 0; }
.chip-options button { border:3px dashed #aa8b48; border-radius:50%; aspect-ratio:1; min-height:60px; font-size:17px; padding:6px; background:#332917; color:#ffe3a2; }
.chip-options button[aria-pressed=true] { background:#e6c675; color:#221b0b; }
.app-drawer { margin:0 0 0 auto; width:min(390px,100vw); height:100dvh; max-height:100dvh; background:#17140f; color:#fff9ec; border:0; border-left:1px solid #7c632f; border-radius:0; padding:22px; }
.drawer-heading { display:flex; justify-content:space-between; align-items:center; }
.drawer-heading h2 { margin:0; font-size:24px; }
.drawer-heading button { min-width:44px; min-height:44px; font-size:24px; padding:4px; }
.drawer-player { color:#ecd9a8; margin:22px 0; overflow-wrap:anywhere; }
.drawer-player small { display:block; margin-top:4px; }
.drawer-links { display:grid; border-block:1px solid #51442a; }
.drawer-links a { display:flex; justify-content:space-between; align-items:center; min-height:50px; color:#fff9ec; border-bottom:1px solid #30291b; }
.drawer-setting { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:20px 0; font-size:14px; }
.drawer-setting select { min-height:44px; max-width:180px; padding:8px; border-radius:8px; background:#302819; color:#fff3d0; }
.drawer-note { font-size:12px; color:#c5bcaa; line-height:1.6; }
.app-drawer .app-primary { width:100%; }
.app-wallet { background:#302719; }
.app-wallet p,.app-wallet>span,.app-wallet strong small { color:#cfbd99; }
.app-settings { border-color:#51442a; }
.app-settings>:is(a,button) { color:#fff4dd; border-color:#3d3423; }
.app-reset button { color:#efd7a1; border-color:#806839; }
#profile-name input { background:#211f19; }
.account-popover { background:#211f19; border-color:#6b5930; box-shadow:none; }
.account-popover input, #search { background:#17150f; color:#fff9ec; }
.account-popover small { display:block; color:var(--app-muted); margin-bottom:12px; line-height:1.45; }
.account-popover [data-refill] { border-color:#6b5930; }
#profile-name button, #rename-form button { background:#e6c675; color:#211906; border-color:#e6c675; }
#toast { background:#211f19; color:#fff9ec; }
.swipe-stack::before,.swipe-stack::after { background:#332a1a; border-color:#5c4925; }
.swipe-selection small,.swipe-source,.swipe-times,.swipe-info p { color:#c8bfae; }
.swipe-heading h1 span { color:#e6c675; }
.swipe-controls { background:#17140f; }
.swipe-status[data-blocked=true] { color:#ffe1a5; background:#312616; border:1px solid #806839;
  border-radius:8px; padding:8px 10px; margin:0 0 8px; text-align:left; line-height:1.4; }
.swipe-info-block { background:transparent; border-color:#4e422b; }
.swipe-filters button[aria-pressed=true] { background:#e6c675; color:#211906; }
.swipe-card-top,.swipe-meta { color:#dbc99c; }
#statement-page { max-width:1000px; margin:22px auto; }
#statement-page .table-wrap { width:100%; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
.statement-entry { overflow-wrap:anywhere; }
.statement-period { display:flex; gap:8px; }
.statement-period button { flex:1; max-width:180px; min-height:44px; }
#statement-page>p { font-size:12px; color:#c5bcaa; }
.statement-balances { display:flex; gap:32px; margin:20px 0; }
.statement-balances b { display:block; font-size:26px; margin-top:5px; color:#f4d993; }
.statement-explanation { font-size:12px; max-width:75ch; color:#c5bcaa; }
.statement-table { min-width:760px; width:100%; margin:18px 0; }
.statement-table th { background:#59431b; color:#fff8e4; font-weight:500; }
.statement-table td { border-bottom:1px solid #52452b; white-space:nowrap; }
.statement-table td button { color:#f6d67f; background:transparent; border:0; padding:8px 0; min-height:44px; }
.statement-entry { padding:18px 0; border-bottom:1px solid #4d4028; }
.statement-entry-head { display:flex; flex-wrap:wrap; gap:6px 16px; align-items:center; }
.statement-entry-head time { font-size:11px; color:#c5bcaa; }
.statement-entry-head strong { margin-left:auto; }
.statement-entry-facts { display:flex; flex-wrap:wrap; gap:8px 20px; font-size:12px; color:#d4c6a8; }
.statement-entry p { font-size:13px; margin:10px 0; }
.statement-entry details { margin:12px 0; font-size:12px; }
.statement-entry summary { min-height:32px; cursor:pointer; color:#e6c675; }
.statement-entry>small { display:block; }
@media(max-width:767px) {
  body,.topbar,body[data-route="/swipe"] .topbar { background:#11100d; }
  .topbar { gap:8px; }
  .brand-wordmark { font-size:20px; }
  .brand-line { gap:5px; }
  .brand-by { font-size:8px; }
  .brand-demo { font-size:8px; letter-spacing:0; }
  .balance-chip { font-size:12px; padding:7px; }
  .balance-chip>span { font-size:9px; }
  #account { order:3; }
  #hamburger { flex:0 0 44px; }
  body>.notice { color:#c2b69b; }
  #app-nav { background:#15120e; border-color:#5d4926; }
  #app-nav a { color:#bdb3a0; }
  #app-nav a[aria-current=page] { background:#3b2f17; color:#f2d38d; }
  #app-position-count { background:#e6c675; color:#251c09; }
  .discovery-heading h1,.swipe-heading h1 { font-size:23px; }
  .discovery-choice { min-height:140px; }
  .discovery-actions { background:#11100d; }
  .swipe-controls { background:#17140f; }
  #statement-page { margin-top:10px; }
  .statement-table { display:table; }
  .statement-table tr { display:table-row; }
  .statement-table :is(td,th) { display:table-cell; padding:8px 12px; }
  .statement-table thead { display:table-header-group; }
  .statement-table td::before { display:none; }
  .statement-entry-head time { order:3; flex-basis:100%; }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; } }

.statement-days { display:none; }
@media(max-width:767px) {
  #statement-page .table-wrap { display:none; }
  .statement-days { display:grid; margin:20px 0; }
  .statement-days button { text-align:left; padding:16px 0; border:0; border-bottom:1px solid #51442a; border-radius:0; background:transparent; }
  .statement-days button>b { display:flex; justify-content:space-between; margin-bottom:12px; color:#f6d67f; }
  .statement-days button>span { display:flex; justify-content:space-between; font-size:13px; color:#c5bcaa; margin-top:6px; }
  .statement-days strong { color:var(--text); font-variant-numeric:tabular-nums; }
}

#agent-page { max-width:760px; margin:24px auto; }
.agent-link { display:flex; gap:8px; margin-top:8px; }
.agent-link input { min-width:0; flex:1; font-size:12px; }
.agent-link button { flex-shrink:0; min-height:44px; }
.agent-stats,.player-stats { display:flex; flex-wrap:wrap; gap:20px 32px; padding:20px 0; border-block:1px solid #51442a; }
.agent-stats dt,.player-stats dt { font-size:12px; color:#c5bcaa; }
.agent-stats dd,.player-stats dd { margin:6px 0 0; font-size:20px; color:#f4d993; }
.agent-note { font-size:13px; color:#c5bcaa; }
.agent-players { list-style:none; padding:0; }
.agent-players li { display:flex; flex-wrap:wrap; gap:12px; padding:16px 0; border-bottom:1px solid #51442a; }
.agent-players li span { margin-left:auto; color:var(--up); }

.chart-events { margin:12px 8px 0; border-top:1px solid #51442a; }
.chart-events summary { min-height:48px; padding:14px 0; cursor:pointer; color:#f6d67f; font-size:14px; }
.chart-events summary b { float:right; padding-inline:8px; font-variant-numeric:tabular-nums; }
.chart-events summary:focus-visible { outline:2px solid #f6d67f; outline-offset:3px; }
.chart-events p { margin:0 0 12px; color:#c5bcaa; font-size:12px; line-height:1.5; }
.chart-events ol { margin:0; padding:0; list-style:none; max-height:300px; overflow:auto; overscroll-behavior:contain; }
.chart-events li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px; padding:12px 4px; border-top:1px solid #332e23; font-size:13px; }
.chart-events li :is(span,small,strong) { display:block; overflow-wrap:anywhere; }
.chart-events li span { margin-top:4px; }
.chart-events li small { margin-top:6px; color:#c5bcaa; font-size:11px; }
.chart-events li[data-selected="true"] { background:#302719; }
.chart-events li:focus-visible { outline:2px solid #f6d67f; outline-offset:-2px; }
.event-minute { color:#f6d67f; font-variant-numeric:tabular-nums; }