/* 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 .selection-status { min-height:1.4em; line-height:1.4; }
.selections .selection-status[data-suspended=false] { visibility:hidden; }
.selections .selection-history { position:relative; display:grid; min-width:0; }
.selection-history [data-history-status] { position:absolute; inset:0; display:grid; place-items:center; margin:0; padding:0 2px; font-size:10px; line-height:1.15; color:#bdb397; }
.selection-history [data-history-status][hidden] { display:none; }
#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) { inset:auto 8px calc(100% + 5px) auto; max-width:calc(100% - 16px);
  padding:5px 9px; border-width:1px; border-radius:6px; font:600 12px/1.3 Inter,Arial,sans-serif;
  background:#201b11f5; color:#ffe8af; border-color:#e6c675; pointer-events:none; z-index:2; }
.discovery-card[data-intent=left] .discovery-choice.left { border-color:#ffd989; box-shadow:0 0 0 2px #ffd98955; }
.discovery-card[data-intent=right] .discovery-choice.right { border-color:#c8f2b3; box-shadow:0 0 0 2px #c8f2b355; }
.discovery-stack { --discovery-pull:0; }
:is(#discovery-page,#stars-page,#swipe-page) { overflow-x:clip; overflow-y:visible; }
.discovery-next { transform:scale(calc(.965 + var(--discovery-pull)*.035)); opacity:calc(.65 + var(--discovery-pull)*.35); }
.discovery-next-teams { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:12px; width:100%; }
.discovery-next-teams>div { display:flex; flex-direction:column; align-items:center; gap:10px; min-width:0; }
.discovery-next-teams img { width:42px; height:42px; object-fit:contain; }
.discovery-next-teams b { font-size:18px; line-height:1.25; overflow-wrap:anywhere; }
.discovery-next-teams>span { color:#c5bcaa; font-size:12px; }
.discovery-card { z-index:1; }
.discovery-card[data-selected-side=left] .discovery-choice.left { border-color:#ffd989; box-shadow:inset 0 0 0 2px #ffd989; }
.discovery-card[data-selected-side=right] .discovery-choice.right { border-color:#c8f2b3; box-shadow:inset 0 0 0 2px #c8f2b3; }
.discovery-card[data-intent] .discovery-swipe-arrow { transform:translateX(calc(var(--discovery-pull)*-5px)); }
.discovery-card[data-intent=right] .right .discovery-swipe-arrow { transform:translateX(calc(var(--discovery-pull)*5px)); }
@media (prefers-reduced-motion:reduce) { .discovery-next,.discovery-card[data-intent] .discovery-swipe-arrow { transform:none; } }
.discovery-arrival { animation:discovery-arrive 180ms ease-out; }
@keyframes discovery-arrive { from { opacity:.7; } to { opacity:1; } }
@media (prefers-reduced-motion:reduce) { .discovery-arrival { animation:none; } }
.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; scroll-padding-top:80px; overscroll-behavior:contain; }
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; position:sticky; top:-20px; z-index:2; margin:-20px -20px 0; padding:12px 20px; background:#211f19; }
.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); max-width:100vw; height:100dvh; max-height:100dvh; background:#17140f; color:#fff9ec; border:0; border-left:1px solid #7c632f; border-radius:0; padding:16px; }
.drawer-heading { display:flex; justify-content:space-between; align-items:center; position:sticky; top:0; z-index:2; background:#17140f; padding-block:8px; }
.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; }
.app-preferences { margin:0 0 20px; }
.preference-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,160px); align-items:center; gap:12px; padding:8px 0; font-size:14px; color:#fff3d0; }
.preference-row select { width:100%; min-width:0; min-height:44px; padding:8px; border-radius:8px; background:#302819; color:#fff3d0; font-size:16px; }
.app-preferences .app-primary { width:100%; margin-top:8px; }
.preferences-status { font-size:13px; line-height:1.5; color:#e6c675; margin:8px 0; }
.preferences-status:empty { display:none; }
.sound-preview { padding:12px 0; border-top:1px solid #66542c; }
.sound-preview p { margin:0 0 8px; color:#fff3d0; font-weight:650; font-size:14px; }
.sound-preview-buttons { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sound-preview-buttons button { min-height:44px; font-size:14px; padding:8px; background:#302819; color:#fff3d0; border:1px solid #8e7746; border-radius:8px; }
.sound-preview small { display:block; margin-top:8px; font-size:12px; line-height:1.5; color:#d4c394; }
.preferences-explainer { margin:8px 0 0; padding:0; border:0; background:transparent; color:#c5bcaa; }
.preferences-explainer summary { display:flex; align-items:center; gap:8px; min-height:44px; font-size:12px; cursor:pointer; }
.preferences-explainer summary::before { content:'+'; font-size:18px; }
.preferences-explainer[open] summary::before { content:'−'; }
.preferences-explainer p { font-size:12px; line-height:1.6; margin:8px 0 16px; }
.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; }
#toast:not([hidden]) { display:flex; align-items:flex-start; gap:8px; }
#toast [data-toast-message] { margin:0; flex:1; min-width:0; max-height:25dvh; overflow-y:auto; overflow-wrap:anywhere; pointer-events:auto; }
#toast [data-dismiss-toast] { flex:0 0 44px; width:44px; min-height:44px; padding:0; font-size:24px; line-height:1; pointer-events:auto; }
.drawer-notifications { width:100%; min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 16px; text-align:left; }
[data-notification-count] { background:var(--app-accent); color:#17130a; border-radius:12px; min-width:24px; padding:3px 7px; font-size:12px; text-align:center; font-variant-numeric:tabular-nums; }
#notification-history { width:min(520px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); padding:16px; background:var(--app-surface); color:var(--app-ink); }
#notification-history[open] { display:flex; flex-direction:column; gap:12px; }
#notification-history .section-head { flex:none; margin:0; gap:12px; }
#notification-history h2 { margin:0; font-size:22px; }
#notification-history [data-close] { min-height:44px; min-width:44px; }
#notification-description { margin:0; font-size:13px; line-height:1.5; color:var(--app-muted); }
#notification-list { min-height:0; overflow:auto; overscroll-behavior:contain; overflow-wrap:anywhere; }
#notification-list p { margin:0; padding:12px 0; line-height:1.5; border-bottom:1px solid var(--border); }
body[data-route="/decouvrir"] #toast { pointer-events:none; overflow-wrap:anywhere; }
/* The receipt crosses the header shortcut; keep it reachable beneath the text.
   The explicit close control remains interactive; full messages stay in history. */
body[data-route="/decouvrir"] #toast [data-toast-message] { pointer-events:none; }
.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-page .swipe-heading { display:flex; min-height:44px; gap:10px; }
#swipe-page .swipe-heading>div:first-child { min-width:0; }
#swipe-page .swipe-links { flex-shrink:0; }
#swipe-page [data-swipe-chart]:not([hidden]) { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:8px 10px; border:1px solid #8f713b; border-radius:6px; background:#332a18; color:#f4d58a; font-size:12px; }
#swipe-page [data-swipe-chart]:focus-visible { outline:2px solid #f4d58a; outline-offset:2px; }
@media(max-width:767px) {
  #swipe-page .swipe-heading h1 { font-size:20px; line-height:1.25; white-space:normal; }
}
@media(max-width:767px) and (max-height:720px) {
  #swipe-page .swipe-heading { display:none; }
  #swipe-page .swipe-meta { grid-template-columns:minmax(0,1fr) 54px 72px auto 44px; gap:4px; }
  #swipe-page .swipe-meta select { padding-left:5px; padding-right:14px; }
  #swipe-page .swipe-meta label::after { right:4px; }
  #swipe-page .swipe-meta [data-swipe-chart] { padding:4px; font-size:11px; }
  #swipe-page .swipe-meta .chart-link-arrow { display:none; }
  #swipe-page .swipe-meta [data-swipe-action=SKIP] { padding:4px; min-width:44px; }
}
.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-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.statement-heading [data-statement-retry] { min-width:44px; min-height:44px; flex-shrink:0; }
.statement-heading h1:focus { outline:none; }
.statement-range { display:flex; flex-wrap:wrap; align-items:center; gap:0 12px; margin:10px 0; font-size:12px; color:#c5bcaa; }
.statement-range p { margin:0; overflow-wrap:anywhere; }
.statement-range [data-statement-back] { min-height:44px; }
.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:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; max-width:520px; margin:16px 0; font-variant-numeric:tabular-nums; }
.statement-balances>div { overflow-wrap:anywhere; }
.statement-balances b { display:block; font-size:26px; margin-top:5px; color:#f4d993; }
.statement-balance-details { border-bottom:1px solid #51442a; }
.statement-balance-details summary { min-height:44px; align-content:center; cursor:pointer; color:#e6c675; font-size:13px; }
.statement-balance-details dl { margin:8px 0 16px; max-width:500px; font-size:13px; }
.statement-balance-details dl>div { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:8px 0; }
.statement-balance-details dd { margin:0; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.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:12px; line-height:1.5; 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; }
.statement-receipt { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; color:var(--app-accent); text-decoration:underline; text-underline-offset:3px; }
@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-heading h1 { font-size:28px; margin-bottom:4px; }
  .statement-heading p { font-size:12px; margin-bottom:12px; }
  .statement-period button { font-size:13px; padding:10px 6px; }
  .statement-balances { margin:8px 0; }
  .statement-balances b { font-size:24px; }
  #statement-entries>.statement-entry:first-child { padding-top:12px; }
  .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:0; }
  .statement-days button { text-align:left; padding:8px 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:8px; color:#f6d67f; }
  .statement-day-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; font-size:12px; color:#c5bcaa; }
  .statement-day-values>span { min-width:0; overflow-wrap:anywhere; }
  .statement-day-values>span:last-child { text-align:right; }
  .statement-days strong { display:block; margin-top:4px; color:var(--text); font-size:13px; font-variant-numeric:tabular-nums; }
  .statement-days strong.down { color:#ff3b6b; }
  .statement-days strong.up { color:#22e58a; }
}

#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:16px; }
.agent-link button { flex-shrink:0; min-height:44px; }
.agent-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.agent-actions button { flex:1; min-height:44px; }
.agent-refresh { display:flex; align-items:center; gap:12px; }
.agent-refresh p { flex:1; color:#c5bcaa; font-size:13px; }
.agent-refresh button { 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; }

/* Prematch is a swipe surface: one pair of choices and one optional audit. */
#discovery-page .discovery-toolbar { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,.85fr) 44px; }
#discovery-page [data-discovery-sound] { padding:0; font-size:20px; min-height:44px; }
#discovery-page [data-discovery-sound][aria-pressed=true] { background:#e6c675; border-color:#e6c675; }
#discovery-page .discovery-choice:not(:disabled) { border-color:#aa853d; background:#3a2d17; box-shadow:inset 0 1px #a58952; }
#discovery-page .discovery-choice.right:not(:disabled) { border-color:#7da767; background:#293b27; box-shadow:inset 0 1px #799b68; }
#discovery-page .discovery-choice:not(:disabled):active { box-shadow:inset 0 2px 5px #0008; }
#discovery-page .discovery-choose-stake { font:500 11px/1.3 Inter,Arial,sans-serif; letter-spacing:0; margin-top:4px; color:#fff0cc; }
.sports-stake[data-ready=true] { display:none; }
#discovery-page .discovery-question { margin-bottom:12px; }
#discovery-page .discovery-market-controls select { width:100%; }
#discovery-page .discovery-choice { position:relative; justify-content:center; min-height:144px; padding:12px 10px; }
#discovery-page .discovery-choice b { margin:6px 0; }
.discovery-price { display:flex; align-items:baseline; justify-content:center; gap:6px; }
#discovery-page .discovery-price small { margin:0; font:500 11px/1.4 Inter,Arial,sans-serif; letter-spacing:0; }
#discovery-page .discovery-choice .discovery-swipe-arrow { align-self:flex-start; font:500 26px/1 Inter,Arial,sans-serif; letter-spacing:0; color:#ffe1a5; }
#discovery-page .discovery-choice.right .discovery-swipe-arrow { align-self:flex-end; color:#d5f0bf; }
.discovery-card[data-interaction=swipe] .discovery-swipe-arrow { animation:swipe-guidance 1.3s ease-out 2; }
@keyframes swipe-guidance {
  0%,100% { opacity:.85; text-shadow:none; transform:translateX(0); }
  45% { opacity:1; text-shadow:0 0 7px currentColor; transform:translateX(-4px); }
}
.discovery-card[data-interaction=swipe] .right .discovery-swipe-arrow { animation-name:swipe-guidance-right; }
@keyframes swipe-guidance-right {
  0%,100% { opacity:.85; text-shadow:none; transform:translateX(0); }
  45% { opacity:1; text-shadow:0 0 7px currentColor; transform:translateX(4px); }
}
@media (prefers-reduced-motion:reduce) {
  .discovery-card[data-interaction=swipe] :is(.left,.right) .discovery-swipe-arrow { animation:none; }
}
.discovery-bet-details { margin:0; grid-column:1/-1; grid-row:1; font-size:12px; line-height:1.6; user-select:text; cursor:auto; }
.discovery-bet-details summary { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; padding:10px 2px; border:0; border-top:1px solid #49402d; border-radius:0; list-style:none; color:#e6c675; }
.discovery-bet-details summary::-webkit-details-marker { display:none; }
.discovery-bet-details summary::after { content:'+'; font-size:20px; line-height:1; }
.discovery-bet-details[open] summary::after { content:'−'; }
.discovery-bet-details summary:focus-visible { outline:2px solid #f6d67f; outline-offset:2px; }
.discovery-bet-details p { margin:8px 0 12px; text-align:left; font-size:12px; overflow-wrap:anywhere; }
.discovery-detail-choice { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; padding:12px 0; border-top:1px solid #49402d; overflow-wrap:anywhere; }
.discovery-detail-choice [data-detail-price] { color:#efd38f; }
.discovery-detail-choice :is(small,[data-sport-return]) { grid-column:1/-1; }
.discovery-detail-choice small { color:#c5bcaa; font-size:11px; }
.discovery-footer { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; align-items:start; margin-top:12px; }
.discovery-footer:empty { display:none; }
.discovery-footer .discovery-actions { grid-column:1/-1; grid-row:2; min-width:0; margin:0; }
.discovery-footer .discovery-draw { grid-column:2; grid-row:1; z-index:1; margin:0; min-height:44px; padding:8px; }
.discovery-footer:has(.discovery-draw) .discovery-bet-details summary { width:calc(50% - 4px); }
.discovery-footer button { overflow-wrap:anywhere; }
#discovery-page .discovery-note { margin:14px 0 0; }
#discovery-page .discovery-feedback:empty { display:none; }
/* Show prices before activation; choosing a stake never hides the preview. */
@media (max-width:767px) {
  #discovery-page .sports-stake[data-ready=false] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:4px 10px; padding:0; margin:6px 0; border:0; background:transparent; }
  #discovery-page .sports-stake[data-ready=false] p { font-size:11px; line-height:1.4; }
  #discovery-page .sports-stake[data-ready=false] b { font-size:16px; }
  #discovery-page .sports-stake[data-ready=false] button { padding:8px; font-size:12px; }
  #discovery-page:has(.sports-stake[data-ready=false]) .discovery-choice:disabled { opacity:1; }
  #discovery-page:has(.sports-stake[data-ready=false]) .discovery-progress { display:none; }
}
@media (max-width:767px) and (max-height:700px) {
  #discovery-page .discovery-teams { min-height:30px; margin:6px 0; }
  #discovery-page .discovery-question { margin-bottom:6px; }
  #discovery-page .discovery-choice { min-height:96px; padding:6px; }
  #discovery-page .discovery-choice b { margin:4px 0; font-size:18px; }
  #discovery-page .discovery-choice strong { font-size:28px; }
  #discovery-page .discovery-choice .discovery-swipe-arrow { font-size:22px; }
  #discovery-page .discovery-footer { margin-top:8px; }
}
@media (max-width:767px) and (max-height:600px) {
  #discovery-page .discovery-toolbar { gap:5px; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,.9fr) 44px; }
  #discovery-page .discovery-toolbar>button:not([data-discovery-sound]) { font-size:11px; }
  #discovery-page:has(.sports-stake[data-ready=false]) .discovery-heading { margin-bottom:4px; }
  #discovery-page .discovery-card { padding:8px; }
  #discovery-page .discovery-progress { margin:4px 2px; }
  #discovery-page .discovery-footer { margin-top:4px; }
  #discovery-page .discovery-question { margin-bottom:4px; }
  #discovery-page .discovery-teams b { font-size:16px; line-height:1.2; }
  #discovery-page .discovery-choice b { font-size:16px; line-height:1.2; }
  /* Both full team names are already visible on these choices. */
  #discovery-page :is([data-market=h2h],[data-market=asian_handicap]) .discovery-teams { display:none; }
}
@media (min-width:768px) and (max-height:850px) {
  #discovery-page .discovery-teams { margin:12px 0; }
  #discovery-page .discovery-choice { min-height:124px; padding:8px; }
}

/* Receipt controls stay usable under a thumb, including after a price refresh. */
.position [data-chart-link], .position summary {
  min-height:44px; display:flex; align-items:center; gap:7px; padding:8px 10px;
  line-height:1.35; border:1px solid var(--border); border-radius:8px; color:var(--app-accent);
}
.position summary { cursor:pointer; list-style:none; }
.position summary::-webkit-details-marker { display:none; }
.position summary::before { content:'▸'; flex:none; }
.position details[open] > summary::before { content:'▾'; }
.position .position-source { display:block; margin-top:8px; font-size:11px; color:var(--app-muted); white-space:normal; }
.position .chart-unavailable { display:block; line-height:1.5; color:var(--app-muted); }
.position .status-OPEN { color:var(--app-accent); border-color:#8c723a; }
.position .status-REFUNDED { color:#a9dbef; border-color:#477f93; }
.position .status-LOSS { color:#ff8c9f; border-color:#a44b60; }
.position[data-status=OPEN] [data-field=return] { color:var(--app-ink); }

.player-access { padding:20px 0; border-block:1px solid var(--border); scroll-margin-top:100px; }
.player-access h2 { margin:0 0 10px; font-size:20px; }
.player-access p { line-height:1.55; font-size:14px; }
.player-access details { border-top:1px solid var(--border); margin-top:14px; }
.player-access summary { cursor:pointer; min-height:48px; padding:12px 0; color:var(--app-accent); }
.player-access form { display:grid; gap:10px; padding:4px 0 12px; }
.player-access label { display:block; font-size:14px; }
.player-access .access-visibility { display:flex; align-items:center; gap:10px; min-height:44px; cursor:pointer; }
.player-access .access-visibility input { flex:0 0 22px; width:22px; height:22px; min-height:22px; margin:0; padding:0; accent-color:var(--app-accent); }
.player-access input { width:100%; min-width:0; min-height:48px; font-size:16px; background:var(--app-surface); color:var(--app-ink); }
.player-access [data-access-current] label { margin-bottom:10px; }
.player-access button { min-height:44px; }
.player-access .access-id-row { display:flex; gap:8px; }
.access-id-row input { flex:1; }
.access-id-row button { flex:none; }
.player-access .access-note { font-size:12px; color:var(--app-muted); }
#account-error{scroll-margin-top:80px}
#account-error [data-restore-expired]{display:flex;align-items:center;justify-content:center;min-height:44px}
#account-error .expired-guest-note{margin:14px 0 8px;color:var(--app-muted);font-size:12px}
#account-error [data-new-guest]{width:100%}
.access-shortcut { width:100%; min-height:44px; margin-top:10px; color:var(--app-accent); }

@media(max-width:767px) {
  :is(.bets-panel,#page) tr.position {
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 14px;
    padding:14px; border-radius:12px; background:#17150f;
  }
  :is(.bets-panel,#page) .position td { width:auto; min-width:0; padding:0; font-size:15px; overflow-wrap:anywhere; }
  :is(.bets-panel,#page) .position td::before { display:block; margin:0 0 4px; font-size:11px; line-height:1.3; }
  :is(.bets-panel,#page) .position td small { font-size:11px; line-height:1.45; }
  :is(.bets-panel,#page) .position [data-field=match] { grid-column:1/-1; order:0; font-size:17px; font-weight:650; line-height:1.4; }
  .position [data-field=match] small { font-weight:400; }
  :is(.bets-panel,#page) .position :is([data-field=match],[data-field=status],[data-field=actions])::before { display:none; }
  :is(.bets-panel,#page) .position [data-field=status] { grid-column:1/-1; order:1; display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; justify-content:space-between; }
  .position [data-field=status] .status-pill { flex:0 0 auto; max-width:100%; overflow-wrap:normal; }
  .position [data-field=status] small { flex:1 1 150px; min-width:0; text-align:right; }
  :is(.bets-panel,#page) .position [data-field=market] { grid-column:1/-1; order:2; }
  :is(.bets-panel,#page) .sport-position [data-field=market] { grid-column:auto; }
  :is(.bets-panel,#page) .position [data-field=direction] { grid-column:1/-1; order:3; }
  :is(.bets-panel,#page) .position :is([data-field=entry],[data-field=exit],[data-field=score]) { order:4; }
  :is(.bets-panel,#page) .sport-position [data-field=entry] { order:2; }
  :is(.bets-panel,#page) .sport-position [data-field=score] { grid-column:1/-1; }
  /* The complete 90-minute rule remains in the accessible receipt details. */
  :is(.bets-panel,#page) .sport-position :is([data-field=rule],[data-field=score][data-empty=true]) { display:none; }
  :is(.bets-panel,#page) .position :is([data-field=stake],[data-field=return]) { order:5; font-size:18px; font-weight:650; }
  .position [data-field=return] small { font-weight:400; }
  :is(.bets-panel,#page) .position [data-field=actions] { grid-column:1/-1; order:6; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
  .position [data-field=actions] > :is([data-claim],.position-source,.chart-unavailable) { grid-column:1/-1; }
  .position [data-claim] { min-height:44px; order:-1; }
  .position [data-chart-link] { font-size:12px; justify-content:center; }
  .position [data-field=actions] .position-source { order:3; margin:0; font-weight:400; }
  .position details { min-width:0; max-width:none; }
  .position details summary { min-height:44px; font-size:12px; height:100%; }
  .position details[open] { grid-column:1/-1; padding:0; background:none; }
  .position details[open] summary { height:auto; }
  .position details p { margin:12px 0; }
  .position [data-share] { min-height:44px; }
  .agent-content > a, [data-agent-content] > a { display:inline-flex; align-items:center; min-height:44px; }
  .statement-entry summary, .notice > summary { min-height:44px; align-content:center; }
  [data-statement-retry] { min-height:44px; }
  .notice > a { display:inline-flex; min-height:44px; align-items:center; }
}

.discovery-card [data-active-spread]{margin:8px 0;padding:6px 0;font-size:12px;line-height:1.4;color:#e6c780;border-bottom:1px solid #67532b;overflow-wrap:anywhere}