.discovery-preview { max-width: 500px; margin: 10px auto 30px; }
.sports-stake { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:12px 0; padding:12px; background:#211e16; border:1px solid #806733; border-radius:12px; }
.sports-stake p { flex:1 1 180px; margin:0; font-size:13px; line-height:1.5; }
.sports-stake b { display:block; color:#f3d78b; font-size:16px; }
.sports-stake small { flex-basis:100%; color:#c5bcaa; font-size:11px; }
.sports-stake button { min-height:44px; }
.sport-position td { overflow-wrap:anywhere; }
.discovery-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.discovery-heading p { color: #7dddf1; font-size: 10px; letter-spacing: .15em; margin: 0 0 5px; }
.discovery-heading h1 { font: 700 32px/1 Rajdhani, sans-serif; margin: 0; }
.discovery-ticket { font-size: 12px; min-height: 44px; white-space: nowrap; }
.discovery-ticket b { display: inline-grid; place-items: center; background: #2f265d; border-radius: 50%; width: 23px; height: 23px; margin-left: 5px; }
.discovery-heading-actions { display:flex; align-items:center; gap:6px; flex-shrink:0; }
.discovery-skip { min-width:44px; min-height:44px; font-size:11px; padding:8px; white-space:nowrap; }
.discovery-filters { display: flex; gap: 7px; }
.discovery-filters button { flex: 1; padding: 10px 7px; min-height: 44px; font-size: 12px; }
.discovery-filters [aria-pressed=true] { border-color: #8d75ed; background: #30234d; color: #ede1ff; }
.discovery-progress { display: flex; justify-content: space-between; color: #a6b1d1; font-size: 11px; margin: 12px 3px; }
.discovery-status { max-width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #c7b5fa; text-align: right; }
.discovery-stack { position:relative; isolation:isolate; }
.discovery-stack[aria-busy=true] { overflow:clip; border-radius:16px; }
.discovery-stack[aria-busy=true] .discovery-card { box-shadow:none; }
.discovery-next { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center;
  align-items:center; gap:12px; padding:24px; border:1px solid #665532; border-radius:16px;
  background:#211f19; color:#fff9ec; text-align:center; pointer-events:none; }
.discovery-next small { color:#c5bcaa; font-size:12px; }
.discovery-next strong { display:flex; flex-direction:column; gap:8px; font-size:24px; overflow-wrap:anywhere; }
.discovery-next strong span { color:#c5bcaa; font-size:16px; }
.discovery-card { position: relative; padding: 20px; border: 1px solid #46597d; border-radius: 20px; background: #0e1931;
  box-shadow: 0 7px 0 -3px #0e1931, 0 8px 0 -3px #364765, 0 15px 0 -8px #0e1931, 0 16px 0 -8px #293654;
  touch-action: none; user-select: none; cursor: grab; }
.discovery-card:active { cursor: grabbing; }
.discovery-card[data-interaction=scroll],.discovery-card[data-interaction=scroll]:active { cursor:auto; touch-action:pan-y; }
.discovery-scroll-hint { margin:6px 0; font-size:12px; line-height:1.4; color:var(--app-muted,#c5bcaa); }
.discovery-card:focus-visible { outline: 2px solid #8bdae9; outline-offset: 4px; }
.discovery-event { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 8px; color: #9cb3d3; font-size: 11px; }
.discovery-event time { color: #c4cee4; flex-basis: 100%; font-size: 12px; line-height: 1.4; white-space: normal; }
.discovery-teams { display: grid; grid-template-columns: 1fr auto 1fr; gap: 15px; align-items: center; margin: 28px 0; }
.discovery-teams > div { display: flex; align-items: center; flex-direction: column; gap: 10px; text-align: center; }
.discovery-teams img, .discovery-teams > div > span { width: 54px; height: 54px; object-fit: contain; font-size: 40px; color: #62cee1; }
.discovery-teams b { font: 700 24px/1.1 Rajdhani, sans-serif; }
.discovery-teams > span { color: #6e83a5; font: 600 16px Rajdhani, sans-serif; }
.discovery-question { text-align: center; margin: 0 0 20px; }
.discovery-question small { font-size: 10px; letter-spacing: .1em; color: #93accd; }
.discovery-question h2 { font: 700 28px Rajdhani, sans-serif; margin: 5px 0; }
.discovery-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.discovery-choice { display: flex; flex-direction: column; align-items: center; border: 1px solid #5e4d8c; border-radius: 14px; padding: 16px 12px 6px;
  background: #211d3c; color: #bd9bff; text-align: center; }
.discovery-choice.right { border-color: #2a7a89; background: #102d3a; color: #7be4e7; }
.discovery-choice > span { font-size: 9px; letter-spacing: .06em; }
.discovery-choice b { font: 600 22px/1.1 Rajdhani, sans-serif; color: #f0f4ff; margin: 10px 0 2px;
  max-width: 100%; min-width: 0; overflow-wrap: anywhere; }
.discovery-choice strong { font: 700 36px/1.1 Rajdhani, sans-serif; }
.discovery-choice small { color: #a7b7d0; font-size: 10px; margin: 5px 0; }
.discovery-choice svg { width: 100%; height: 42px; }
.discovery-sparkline { width: 100%; height: 42px; }
.discovery-no-chart { font-size: 10px; padding: 12px 0; }
.discovery-source { text-align: center; font-size: 10px; color: #9dafcb; line-height: 1.4; margin: 14px 0 0; }
.discovery-intent:not(:empty) { position: absolute; inset: 40% 10% auto; padding: 18px; text-align: center; color: #fff;
  border: 2px solid #9b8ded; border-radius: 12px; background: #111c37ee; font: 700 28px Rajdhani, sans-serif; }
.discovery-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 22px; }
.discovery-actions button { min-height: 48px; font-size: 13px; padding: 8px; }
.discovery-actions button:first-child { background: #30234d; border-color: #715596; color: #ddcaff; }
.discovery-actions button:last-child { background: #113540; border-color: #328294; color: #9cecf4; }
.discovery-draw { display: block; margin: 12px auto; min-height: 44px; color: #c4d2e8; font-size: 12px; }
.discovery-draw small { display:block; font-size:10px; line-height:1.4; margin-top:4px; }
@media (max-width:767px) and (max-height:600px) {
  #discovery-page .discovery-footer .discovery-draw { flex:1; min-width:0; }
}
.discovery-note { font-size: 11px; text-align: center; line-height: 1.5; color: #9aaaca; }
.discovery-compact-rule,.discovery-compact-label { display:none; }
.discovery-empty { padding: 50px 24px; text-align: center; color: #9aaaca; }
.discovery-feedback { min-height: 1.5em; font-size: 12px; line-height: 1.5; color: #c0d2ef; text-align: center; }
.discovery-list-note { font-size: 12px; line-height: 1.6; color: #a5b8d5; margin: 0 0 20px; }
.discovery-heading h1 small { font-size: 20px; color: #b99ae9; }
.discovery-list { display: grid; gap: 14px; }
.discovery-saved { border: 1px solid #394c6a; border-radius: 16px; padding: 16px; background: #0e1931; }
.discovery-saved-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.discovery-saved-head > div { min-width:0; }
.discovery-saved-head > div > span { color: #c5bcaa; font-size: 11px; }
.discovery-saved-head button { flex:0 0 44px; min-height: 44px; font-size: 22px; padding: 4px; }
.discovery-saved h2 { font: 700 25px/1.2 Rajdhani, sans-serif; margin: 8px 0 12px; overflow-wrap: anywhere; }
.discovery-saved h2 span { color: #728cad; }
.discovery-saved-choice { color: #dbc6ff; font: 700 23px/1.2 Rajdhani, sans-serif; margin: 0; }
.discovery-saved-choice small { display: block; font: 11px Inter, sans-serif; color: #9cb3d3; margin-top: 6px; }
.discovery-saved dl { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 20px 0 14px; }
.discovery-saved dt { color: #a5b8d5; font-size: 11px; }
.discovery-saved dd { margin: 4px 0 0; font: 700 30px/1.1 Rajdhani, sans-serif; }
.discovery-saved dd small { display: block; font: 11px/1.5 Inter, sans-serif; color: #9cb3d3; margin-top: 6px; }
.discovery-saved-source { color: #9cb3d3; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.discovery-quote-details { margin-top:8px; font-size:11px; line-height:1.6; }
.discovery-quote-details summary { min-height:44px; padding:12px 0; cursor:pointer; }
.discovery-quote-details p { margin:8px 0; overflow-wrap:anywhere; }
.discovery-chart-link { display: flex; justify-content: center; align-items: center; min-height: 44px; padding: 8px;
  border: 1px solid #307e91; border-radius: 9px; background: #113540; color: #a5f1f4; font-size: 13px; text-decoration: none; }
.discovery-unavailable { display: block; color: #a5b8d5; font-size: 12px; padding: 12px 0; }
.discovery-clear { display: block; margin: 20px auto 0; min-height: 44px; font-size: 12px; }
.discovery-heading [data-back] { min-height: 44px; font-size: 12px; padding: 8px; }
@media (max-width: 767px) {
  .discovery-saved { padding:12px; }
  .discovery-saved h2 { font-size:22px; margin:4px 0 8px; }
  .discovery-saved-choice { display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline; }
  .discovery-saved-choice small { margin-top:0; }
  .discovery-saved dl { margin:12px 0 8px; }
  .discovery-saved-source { margin:6px 0 10px; }
  .discovery-preview { margin-top: 4px; }
  .discovery-heading { margin-bottom: 12px; }
  .discovery-heading h1 { font-size: 27px; }
  .discovery-ticket { font-size: 11px; padding: 8px; }
  .discovery-filters { gap: 5px; }
  .discovery-filters button { font-size: 11px; padding: 7px 5px; }
  .discovery-card { padding: 15px; }
  .discovery-event { font-size: 10px; }
  .discovery-teams { margin: 20px 0; }
  .discovery-teams b { font-size: 23px; }
  .discovery-teams img, .discovery-teams > div > span { height: 42px; width: 42px; }
  .discovery-question { margin-bottom: 14px; }
  .discovery-question h2 { font-size: 27px; }
  .discovery-choice { padding: 12px 8px 5px; }
  .discovery-choice b { font-size: 22px; }
  .discovery-choice strong { font-size: 34px; }
}
@media (max-width: 380px) {
  .discovery-card { padding: 12px; }
  .discovery-teams { margin: 12px 0; }
  .discovery-teams > div { gap: 7px; }
  .discovery-question { margin-bottom: 10px; }
  .discovery-actions { margin-top: 18px; }
  .discovery-draw { margin: 8px auto; }
}
@media (min-width: 768px) and (max-height: 850px) {
  .discovery-heading { margin-bottom: 10px; }
  .discovery-progress { margin: 8px 3px; }
  .discovery-card { padding: 14px; }
  .discovery-teams { margin: 10px 0; }
  .discovery-teams > div { gap: 6px; }
  .discovery-teams img, .discovery-teams > div > span { width: 36px; height: 36px; }
  .discovery-question { margin-bottom: 8px; }
  .discovery-question h2 { font-size: 26px; }
  .discovery-choice { padding: 10px 12px 4px; }
  .discovery-choice strong { font-size: 32px; }
  .discovery-sparkline, .discovery-choice svg { height: 36px; }
  .discovery-actions { margin-top: 14px; }
  .discovery-draw { margin: 8px auto; }
}
.discovery-question select[data-discovery-market] { max-width:100%; min-height:44px; padding:6px 28px 6px 10px; border:1px solid var(--line,#66542d); border-radius:8px; background:#17150f; color:#f6e9c4; font:inherit; font-size:.8rem; }
.discovery-market-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 8px; }
.discovery-market-controls:has(.discovery-handicap-rule) > select { flex:1; min-width:0; }
.discovery-handicap-rule { margin:0; font-size:.75rem; line-height:1.5; text-align:left; }
.discovery-handicap-rule summary { cursor:pointer; min-height:44px; padding:12px 8px; border:1px solid #66542d; border-radius:8px; }
.discovery-handicap-rule[open] { flex-basis:100%; }
.discovery-handicap-rule p { margin:8px 0; }
.discovery-card:is([data-market=asian_handicap],[data-market=total_corners],[data-market=total_cards]) .discovery-sparkline { display:none; }
@media (max-width:767px) {
  .discovery-question select[data-discovery-market] { font-size:16px; }
}