@font-face {
  font-family: "Manrope Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/assets/fonts/manrope-latin-ext-wght-normal.woff2?v=2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Manrope Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/assets/fonts/manrope-latin-wght-normal.woff2?v=2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Tabler Icons";
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url("/assets/fonts/tabler-icons.woff2?v=1") format("woff2");
}

:root {
  color-scheme: dark;
  --bg: #071018;
  --panel: #0d1923;
  --panel-2: #101f2b;
  --line: #20313e;
  --text: #f3f7fa;
  --muted: #8fa3b3;
  --mint: #45e6b0;
  --blue: #45a9ff;
  --red: #ff6b78;
}

* { box-sizing: border-box; }

.settlement-risk { color: #efc77f; font-size: 12px; line-height: 1.5; }
.settlement-risk summary { cursor: pointer; width: fit-content; }
.settlement-risk p { color: var(--text); white-space: normal; max-width: 42ch; margin: 6px 0; }
.settlement-risk summary:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.settlement-risk-button { color: #efc77f; background: transparent; border: 0; padding: 2px 4px; cursor: pointer; font: inherit; }
.settlement-risk-button:focus-visible { outline: 2px solid var(--blue); }

body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(circle at top left, #102838 0, var(--bg) 42%);
  color: var(--text);
  font: 14px/1.45 "Manrope Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

main { width: min(1380px, calc(100% - 28px)); margin: 0 auto; padding: 26px 0 48px; }
header {
  display: grid;
  grid-template-columns: minmax(190px, auto) minmax(330px, 1fr) auto;
  align-items: center;
  gap: clamp(10px, 1.25vw, 18px);
  margin-bottom: 14px;
}
.brand-block { min-width: 0; }
.brand-heading { display: flex; align-items: center; gap: 10px; min-width: 0; }
.brand-logo-frame {
  display: block;
  width: clamp(150px, 14vw, 220px);
  height: clamp(40px, 4vw, 52px);
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 8px;
}
.brand-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 50%;
  mix-blend-mode: screen;
}
.product-version {
  padding: 2px 7px;
  border: 1px solid #385266;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  cursor: default;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}
.header-actions {
  display: flex;
  min-width: max-content;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 9px;
  white-space: nowrap;
}
.header-actions > * { flex: 0 0 auto; }
.header-actions > button,
.header-actions > .stake-balance-field { height: 58px; }
.header-actions > .account-toggle,
.header-actions > .calculator-button { display: inline-flex; align-items: center; justify-content: center; }
.header-actions > .telegram { align-content: center; }
.header-actions > [hidden] { display: none !important; }
.stake-balance-field { display: grid; width: 142px; grid-template-rows: auto 38px; gap: 2px; color: var(--muted); font-size: 10px; }
.stake-balance-input {
  display: flex;
  min-height: 38px;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid #385266;
  border-radius: 11px;
  background: var(--panel-2);
  color: var(--muted);
}
.stake-balance-input input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
.stake-balance-input:focus-within { outline: 2px solid var(--blue); outline-offset: 2px; }
.stake-balance-field small { color: #7890a2; font-size: 9px; line-height: 1.2; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.status { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; color: var(--muted); font-size: 12px; }
.dot { width: 9px; height: 9px; border-radius: 999px; background: var(--muted); box-shadow: 0 0 0 4px rgba(143, 163, 179, .1); }
.status.ok .dot { background: var(--mint); box-shadow: 0 0 0 4px rgba(69, 230, 176, .12); }
.status.partial .dot { background: #f2c266; box-shadow: 0 0 0 4px rgba(242, 194, 102, .12); }
.status.error .dot { background: var(--red); box-shadow: 0 0 0 4px rgba(255, 107, 120, .12); }

.data-delay-notice {
  margin: 0 0 14px;
  padding: 10px 14px;
  border: 1px solid rgba(242, 194, 102, .55);
  border-radius: 11px;
  background: rgba(242, 194, 102, .1);
  color: #f7d58d;
  font-size: 13px;
  font-weight: 700;
}
.data-delay-notice[hidden] { display: none; }

.telegram, button {
  border: 1px solid #267fbd;
  border-radius: 11px;
  background: #0d5180;
  color: #fff;
  padding: 10px 14px;
  font: inherit;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
}
.telegram:hover, button:hover { background: #12679f; }
.telegram { display: grid; gap: 1px; min-width: 126px; text-align: left; }
.telegram small { color: #c9dfec; font-size: 10px; font-weight: 650; }
.telegram.telegram-disconnected { border-color: #385266; background: transparent; }
.telegram.telegram-connecting { border-color: #f2c266; background: rgba(242, 194, 102, .1); }
.telegram.telegram-active { border-color: rgba(69, 230, 176, .65); background: rgba(69, 230, 176, .1); }
.telegram.telegram-error { border-color: rgba(255, 107, 120, .7); background: rgba(255, 107, 120, .1); }
.browser-alerts { display: grid; gap: 1px; min-width: 126px; text-align: left; }
.browser-alerts small { color: #c9dfec; font-size: 10px; font-weight: 650; }
.browser-alerts.browser-alerts-off { border-color: #385266; background: transparent; }
.browser-alerts.browser-alerts-active { border-color: rgba(69, 230, 176, .65); background: rgba(69, 230, 176, .1); }
.browser-alerts.browser-alerts-error { border-color: rgba(242, 194, 102, .65); background: rgba(242, 194, 102, .1); }
.calculator-button { background: transparent; border-color: #385266; color: var(--text); }

.summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(78px, 108px));
  justify-content: center;
  gap: 7px;
  min-width: 0;
}
.summary > div, .filters {
  border: 1px solid var(--line);
  background: rgba(13, 25, 35, .9);
}
.summary > div { min-height: 50px; border-radius: 11px; padding: 7px 10px; }
.summary span { display: block; color: var(--muted); font-size: 10px; }
.summary strong { display: block; margin-top: 0; font-size: 16px; line-height: 1.15; }
.summary time {
  grid-column: 1 / -1;
  min-height: 16px;
  color: var(--muted);
  font-size: 10px;
  text-align: center;
}

.filters {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr)) repeat(5, minmax(95px, .7fr)) auto auto;
  gap: 9px;
  align-items: end;
  margin-bottom: 12px;
  padding: 12px;
  border-radius: 14px;
  position: relative;
  z-index: 2;
}
.filters > label, .filter-field { display: grid; gap: 5px; color: var(--muted); font-size: 11px; min-width: 0; }
.filters select, .filters input[type="number"], .filters input[type="search"], .multi-filter summary {
  width: 100%;
  min-height: 38px;
  border: 1px solid #2a4151;
  border-radius: 9px;
  background: var(--panel-2);
  color: var(--text);
  padding: 7px 9px;
  font: inherit;
}
.search-field { grid-column: span 2; }
.search-field input[type="search"]::placeholder { color: #7890a2; opacity: 1; }
.multi-filter details { position: relative; }
.multi-filter summary {
  display: list-item;
  list-style-position: inside;
  cursor: pointer;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multi-filter summary::marker { color: var(--muted); }
.multi-filter details[open] summary { border-color: var(--blue); }
.multi-filter summary:focus-visible, .filters select:focus-visible, .filters input:focus-visible, .filters button:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
.selection-label { margin-left: 4px; }
.multi-options {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: auto;
  z-index: 20;
  width: max(100%, 12rem);
  max-width: min(18.5rem, calc(100vw - 24px));
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid #36566d;
  border-radius: 10px;
  background: #10212d;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .42);
}
#sportFilter .multi-options {
  width: max(100%, 14rem);
}
#sourceFilter .multi-options {
  width: max(100%, 18.5rem);
}
#leagueFilter .multi-options {
  width: max(100%, 17.5rem);
}
.league-quick-actions {
  position: sticky;
  top: -6px;
  z-index: 3;
  margin: -6px -6px 5px;
  padding: 6px;
  border-bottom: 1px solid rgba(78, 111, 132, .45);
  background: #10212d;
}
#leagueFilter .league-preset {
  width: 100%;
  min-height: 34px;
  border-color: #38566b;
  border-radius: 8px;
  background: rgba(69, 169, 255, .06);
  color: var(--text);
  font-size: 12px;
  font-weight: 750;
}
#leagueFilter .league-preset:hover { border-color: var(--blue); background: rgba(69, 169, 255, .12); }
#leagueFilter .league-preset[aria-pressed="true"] {
  border-color: var(--mint);
  background: rgba(57, 222, 173, .12);
  color: var(--mint);
}
.league-options-list { min-width: 0; }
#marketFilter .multi-options {
  width: max(100%, 15rem);
}
.multi-option {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  min-height: 34px;
  min-width: 0;
  padding: 6px 7px;
  border-radius: 7px;
  color: var(--text);
  font-size: 13px;
  cursor: pointer;
}
.multi-option span {
  min-width: 0;
  overflow-wrap: break-word;
}
.multi-option:hover { background: rgba(69, 169, 255, .11); }
.multi-option input { width: 16px; height: 16px; margin: 0; accent-color: var(--mint); }
.league-group + .league-group { margin-top: 5px; padding-top: 5px; border-top: 1px solid rgba(78, 111, 132, .45); }
.league-group-title {
  position: sticky;
  top: 40px;
  z-index: 1;
  padding: 6px 7px 5px;
  background: #10212d;
  color: var(--blue);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.league-option-copy { display: flex; flex: 1; align-items: flex-start; justify-content: space-between; gap: 8px; }
.league-option-label { flex: 1; }
.league-sport-badge {
  flex: 0 0 auto;
  max-width: 8.5rem;
  padding: 2px 5px;
  border: 1px solid #38566b;
  border-radius: 999px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.2;
  text-align: right;
}
.source-option-label { flex: 1; }
.source-kind-badge {
  flex: 0 0 auto;
  padding: 2px 6px;
  border: 1px solid #38566b;
  border-radius: 999px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .04em;
  line-height: 1.2;
  text-transform: uppercase;
}
.multi-option input:disabled { cursor: not-allowed; opacity: .8; }
.no-options { display: block; padding: 8px; color: var(--muted); font-size: 12px; }
.filters .check { display: flex; min-height: 38px; align-items: center; gap: 7px; color: var(--text); white-space: nowrap; cursor: pointer; user-select: none; }
.filters .check input { width: 17px; min-height: 17px; accent-color: var(--mint); cursor: pointer; }
.filters button { min-height: 38px; background: transparent; border-color: #385266; color: var(--text); }

.table-shell { contain: inline-size layout; overflow-x: auto; border: 1px solid var(--line); border-radius: 15px; background: rgba(13, 25, 35, .94); }
table { width: 100%; border-collapse: collapse; min-width: 1320px; }
th { padding: 10px 12px; text-align: left; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; border-bottom: 1px solid var(--line); }
th.sortable { padding: 0; }
.sort-header {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  min-height: 38px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  padding: 10px 12px;
  font: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: left;
  white-space: nowrap;
}
.sort-header:hover,
.sort-header:focus-visible {
  background: rgba(69, 169, 255, .08);
  color: inherit;
}
.sort-header:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: -2px;
}
.sort-arrow {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 auto;
  width: .7em;
  color: currentColor;
  font-size: 7px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  opacity: .38;
}
.sort-arrow::before { content: "\25B2"; }
.sort-arrow::after { content: "\25BC"; }
.sort-header.is-active { color: var(--text); }
.sort-header.is-active .sort-arrow {
  opacity: 1;
  color: var(--mint);
}
th[aria-sort="ascending"] .sort-arrow::after,
th[aria-sort="descending"] .sort-arrow::before {
  opacity: .28;
  color: var(--muted);
}
td { padding: 12px; border-bottom: 1px solid rgba(32, 49, 62, .72); vertical-align: top; }
tr:last-child td { border-bottom: 0; }
.start { min-width: 104px; white-space: nowrap; color: var(--muted); }
.event { min-width: 235px; font-weight: 750; }
.event-line { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.live-badge {
  display: inline-flex;
  min-height: 20px;
  align-items: center;
  padding: 2px 7px;
  border: 1px solid rgba(255, 107, 120, .62);
  border-radius: 999px;
  background: rgba(255, 107, 120, .15);
  color: #ff8c97;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1;
}
.lag-row { background: rgba(242, 194, 102, .035); }
.stale-row { background: rgba(255, 111, 132, .035); }
.lag-row .odds, .lag-row .roi { color: #d9b86f; }
.stale-row .odds, .stale-row .roi { color: #ff8ca0; }
.freshness-indicator {
  display: inline-flex;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(69, 230, 176, .42);
  border-radius: 10px;
  background: rgba(69, 230, 176, .09);
  color: var(--mint);
  cursor: help;
}
.freshness-indicator::before { content: ""; width: 9px; height: 9px; border-radius: 999px; background: currentColor; box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 16%, transparent); }
.freshness-indicator.pair-lag { border-color: rgba(242, 194, 102, .55); background: rgba(242, 194, 102, .12); color: #f2c266; }
.freshness-indicator.pair-stale { border-color: rgba(255, 111, 132, .55); background: rgba(255, 111, 132, .11); color: #ff8ca0; }
.context { min-width: 170px; text-transform: capitalize; }
.meta { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; font-weight: 400; text-transform: none; }
.league-meta {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.league-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  user-select: none;
  pointer-events: none;
}
.league-icon-flag {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.league-icon-soccer { font-size: 11px; }
.league-text { min-width: 0; }
.league-icon-game {
  min-width: 18px;
  height: 12px;
  padding: 0 3px;
  border-radius: 3px;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .03em;
  line-height: 1;
}
.league-icon-cs2 {
  border: 1px solid rgba(242, 194, 102, .55);
  background: rgba(242, 194, 102, .14);
  color: #f2c266;
}
.league-icon-cs2::before { content: "CS"; }
.league-icon-dota2 {
  border: 1px solid rgba(255, 107, 120, .55);
  background: rgba(255, 107, 120, .14);
  color: #ff8c97;
}
.league-icon-dota2::before { content: "D2"; }
.league-icon-lol {
  border: 1px solid rgba(69, 169, 255, .55);
  background: rgba(69, 169, 255, .14);
  color: #45a9ff;
}
.league-icon-lol::before { content: "LOL"; }
.league-icon-valorant {
  border: 1px solid rgba(255, 107, 120, .5);
  background: rgba(255, 107, 120, .12);
  color: #ff6b78;
}
.league-icon-valorant::before { content: "V"; }
.market-selection { display: block; font-size: 13px; font-weight: 750; line-height: 1.3; }
.market-kind { font-size: 10px; }
.odds { white-space: nowrap; font-variant-numeric: tabular-nums; }
.odds-quote { display: inline-flex; align-items: center; gap: 6px; }
.odds-price-pair { display: inline-flex; align-items: baseline; gap: 6px; }
.odds-net-price { color: #a8bdc9; font-size: 11px; font-weight: 500; line-height: 1.2; }
.odds-destination {
  display: flex;
  min-width: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding: 5px 7px;
  margin: -5px -7px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: inherit;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.odds-destination:hover {
  border-color: rgba(69, 169, 255, .42);
  background: rgba(69, 169, 255, .09);
}
.odds-destination:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
  border-color: rgba(69, 169, 255, .62);
  background: rgba(69, 169, 255, .12);
}
.odds > .meta[hidden], .odds-destination-meta[hidden] { display: none !important; }
.odds-destination-meta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.odds-destination-mark {
  color: var(--blue);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}
.stale-row .odds-destination:hover,
.stale-row .odds-destination:focus-visible {
  border-color: rgba(255, 111, 132, .46);
  background: rgba(255, 111, 132, .08);
}
.odds-age {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 2px 5px;
  border: 1px solid rgba(135, 168, 190, .24);
  border-radius: 999px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 750;
  line-height: 1;
}
.lag-row .odds-age { border-color: rgba(242, 194, 102, .34); color: #d9b86f; }
.stale-row .odds-age { border-color: rgba(255, 111, 132, .34); color: #ff8ca0; }
.available-cell { min-width: 96px; white-space: nowrap; }
.available-value {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 9px;
  border: 1px solid rgba(69, 230, 176, .38);
  border-radius: 999px;
  background: rgba(69, 230, 176, .11);
  color: var(--mint);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}
.available-value.unavailable { border-color: var(--line); background: transparent; color: var(--muted); }
.inline-lay-stake {
  display: grid;
  grid-template-columns: minmax(0, auto) auto;
  align-items: center;
  gap: 5px 7px;
  color: var(--text);
}
.inline-lay-stake > strong, .inline-lay-leg > strong { align-self: center; color: var(--mint); font-size: 13px; font-variant-numeric: tabular-nums; }
.inline-lay-note { grid-column: 1 / -1; color: var(--muted); font-size: 10px; line-height: 1.3; }
.inline-lay-liability { display: grid; gap: 2px; margin-top: 6px; }
.inline-lay-liability > strong { color: var(--text); font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.inline-lay-retained .inline-lay-note { color: #d9b86f; }
.inline-lay-synthetic { grid-template-columns: 1fr; }
.synthetic-plan-summary { grid-template-columns: 1fr; }
.inline-lay-leg { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 6px; }
.inline-lay-leg + .inline-lay-leg { padding-top: 5px; border-top: 1px solid rgba(56, 82, 102, .55); }
.inline-lay-leg-label { min-width: 0; overflow-wrap: anywhere; color: var(--muted); font-size: 10px; }
.inline-stake-copy { min-width: 48px; min-height: 26px; padding: 4px 6px; }
.roi { color: var(--muted); font-weight: 800; font-variant-numeric: tabular-nums; }
.roi-badge {
  display: inline-flex;
  width: fit-content;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  padding: 4px 9px;
  border: 1px solid rgba(135, 168, 190, .3);
  border-radius: 999px;
  background: rgba(135, 168, 190, .08);
  color: inherit;
  line-height: 1.15;
}
.roi.positive { color: var(--mint); }
.roi.positive .roi-badge {
  border-color: rgba(69, 230, 176, .38);
  background: rgba(69, 230, 176, .11);
}
.stale-row .roi .roi-badge {
  border-color: rgba(242, 194, 102, .4);
  background: rgba(242, 194, 102, .1);
}
.profit-loss { min-width: 92px; font-weight: 800; font-variant-numeric: tabular-nums; }
.profit-loss-header[hidden], .profit-loss[hidden] { display: none !important; }
.profit-loss-value {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  padding: 4px 9px;
  border: 1px solid rgba(135, 168, 190, .3);
  border-radius: 999px;
  background: rgba(135, 168, 190, .08);
  color: var(--muted);
  line-height: 1.15;
  white-space: nowrap;
}
.profit-loss-value.positive { border-color: rgba(69, 230, 176, .38); background: rgba(69, 230, 176, .11); color: var(--mint); }
.profit-loss-value.negative { border-color: rgba(255, 107, 120, .45); background: rgba(255, 107, 120, .11); color: var(--red); }
.profit-loss.unavailable .profit-loss-value { border-color: var(--line); background: transparent; color: var(--muted); }
.calc-action { width: 1%; text-align: right; white-space: nowrap; }
.row-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 7px; }
.calc-row-button { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; padding: 0; border-color: #385266; background: transparent; color: var(--text); }
.calc-row-button:disabled { border-color: var(--line); background: transparent; color: var(--muted); cursor: not-allowed; opacity: .7; }
.detail-row-button { min-height: 34px; padding: 5px 9px; border-color: #385266; background: transparent; color: var(--text); font-size: 10px; }
.detail-row-button:hover, .detail-row-button:focus-visible { border-color: rgba(69, 169, 255, .62); background: rgba(69, 169, 255, .1); }
.calculator-glyph { position: relative; display: block; width: 16px; height: 18px; border: 2px solid currentColor; border-radius: 3px; }
.calculator-glyph::before { content: ""; position: absolute; top: 2px; left: 2px; right: 2px; height: 4px; border: 1px solid currentColor; border-radius: 1px; }
.calculator-glyph::after { content: ""; position: absolute; top: 9px; left: 3px; width: 2px; height: 2px; border-radius: 1px; background: currentColor; box-shadow: 4px 0 currentColor, 8px 0 currentColor, 0 4px currentColor, 4px 4px currentColor, 8px 4px currentColor; }
.empty { display: grid; min-height: 220px; place-items: center; border: 1px solid var(--line); border-radius: 15px; color: var(--muted); background: rgba(13, 25, 35, .72); }
.empty[hidden] { display: none; }

.results-layout { min-width: 0; scroll-margin-top: 12px; }
.results-layout.detail-open { display: grid; grid-template-columns: minmax(0, 1fr) minmax(560px, 680px); align-items: start; gap: 12px; }
.results-primary { min-width: 0; }
.results-layout.detail-open .table-shell table { min-width: 600px; }
.results-layout.detail-open .start { min-width: 88px; }
.results-layout.detail-open .event { min-width: 190px; }
.results-layout.detail-open th,
.results-layout.detail-open td { padding-right: 8px; padding-left: 8px; }
.results-layout.detail-open .sort-header { padding-right: 8px; padding-left: 8px; }
.results-layout.detail-open th:nth-child(3),
.results-layout.detail-open td:nth-child(3),
.results-layout.detail-open th:nth-child(4),
.results-layout.detail-open td:nth-child(4),
.results-layout.detail-open th:nth-child(7),
.results-layout.detail-open td:nth-child(7),
.results-layout.detail-open th:nth-child(8),
.results-layout.detail-open td:nth-child(8),
.results-layout.detail-open th:nth-child(10),
.results-layout.detail-open td:nth-child(10),
.results-layout.detail-open th:nth-child(11),
.results-layout.detail-open td:nth-child(11) { display: none; }
tbody tr[data-opportunity-key] { cursor: pointer; }
tbody tr[data-opportunity-key]:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; }
tbody tr[data-opportunity-key].is-selected td { background: rgba(69, 169, 255, .08); }
tbody tr[data-opportunity-key].is-selected td:first-child { box-shadow: inset 3px 0 var(--blue); }

.opportunity-detail {
  position: sticky;
  top: 12px;
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  height: clamp(440px, 60vh, 720px);
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);
  gap: 12px;
  padding: 16px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid #36566d;
  border-radius: 15px;
  background: #0b1924;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .42);
  color: var(--text);
}
.opportunity-detail[hidden] { display: none !important; }
.opportunity-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.opportunity-detail-head h3 { margin: 3px 0 0; font-size: 19px; line-height: 1.25; }
.opportunity-detail-kicker { margin: 0; color: var(--mint); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.opportunity-detail-market { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.opportunity-detail-close { flex: 0 0 auto; min-height: 34px; padding: 6px 10px; border-color: #385266; background: transparent; color: var(--text); font-size: 10px; }

.opportunity-legs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.opportunity-leg { display: grid; align-content: start; gap: 5px; min-width: 0; padding: 12px; }
.opportunity-leg + .opportunity-leg { border-left: 1px solid var(--line); }
.opportunity-leg-role { color: #76c8ff; font-size: 9px; font-weight: 850; letter-spacing: .08em; }
.opportunity-leg-lay .opportunity-leg-role { color: #ff9eb7; }
.opportunity-leg > strong { min-height: 34px; font-size: 13px; line-height: 1.3; overflow-wrap: anywhere; }
.opportunity-leg-link { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 42px; padding: 8px 9px; border: 1px solid #36566d; border-radius: 9px; color: var(--text); text-decoration: none; }
.opportunity-leg-link:hover, .opportunity-leg-link:focus-visible { border-color: rgba(69, 169, 255, .65); background: rgba(69, 169, 255, .09); }
.opportunity-leg-link.is-unavailable { border-color: var(--line); color: var(--muted); cursor: default; }
.opportunity-leg-link b { color: #76c8ff; font-size: 17px; font-variant-numeric: tabular-nums; }
.opportunity-leg-lay .opportunity-leg-link b { color: #ff9eb7; }
.opportunity-leg small { color: var(--muted); font-size: 10px; }

.opportunity-calculation,
.opportunity-history,
.opportunity-freshness,
.opportunity-alternatives { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(13, 31, 43, .7); }
.opportunity-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.opportunity-section-head h4 { margin: 0; font-size: 12px; }
.opportunity-section-head > span,
.opportunity-history-tools > span { color: var(--muted); font-size: 9px; text-align: right; }
.opportunity-history-tools { display: flex; align-items: center; justify-content: flex-end; gap: 7px; min-width: 0; }
.opportunity-history-ranges { display: inline-flex; gap: 3px; }
.opportunity-history-ranges[hidden] { display: none; }
.opportunity-history-ranges button { min-height: 20px; padding: 2px 6px; border: 1px solid #36566d; border-radius: 6px; background: transparent; color: var(--muted); font: inherit; font-size: 9px; font-weight: 800; }
.opportunity-history-ranges button:hover,
.opportunity-history-ranges button:focus-visible { border-color: rgba(69, 169, 255, .65); color: var(--text); }
.opportunity-history-ranges button[aria-pressed="true"] { border-color: #1677ff; background: rgba(22, 119, 255, .2); color: #fff; }
.opportunity-stake-field { display: grid; grid-template-columns: minmax(0, 1fr) 128px; align-items: center; gap: 10px; color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.opportunity-stake-field input { width: 100%; min-height: 36px; padding: 7px 9px; border: 1px solid #36566d; border-radius: 8px; background: #0c1d29; color: var(--text); font: inherit; font-size: 14px; font-variant-numeric: tabular-nums; }
.opportunity-stake-field input:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.opportunity-calculation-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.opportunity-calculation-results > div { display: grid; gap: 3px; min-width: 0; padding: 9px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.opportunity-calculation-results dt, .opportunity-freshness-grid dt { color: var(--muted); font-size: 9px; }
.opportunity-calculation-results dd, .opportunity-freshness-grid dd { margin: 0; color: var(--text); font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
.opportunity-calculation-results dd.positive { color: var(--mint); }
.opportunity-calculation-results dd.negative { color: var(--red); }
.opportunity-inline-status { margin: 0; color: #f2c266; font-size: 10px; }

.opportunity-history canvas { display: block; width: 100%; height: 150px; border-radius: 8px; background: #081722; }
.opportunity-history-summary, .opportunity-freshness-reason, .opportunity-alternatives-empty { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.opportunity-freshness-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.opportunity-freshness-grid > div { display: grid; gap: 3px; min-width: 0; padding: 9px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.opportunity-detail.pair-live #opportunityFreshnessState { color: var(--mint); }
.opportunity-detail.pair-lag #opportunityFreshnessState { color: #f2c266; }
.opportunity-detail.pair-stale #opportunityFreshnessState { color: #ff8ca0; }

.opportunity-alternatives-list { display: grid; gap: 6px; }
.opportunity-alternative { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; min-height: 46px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; background: transparent; color: var(--text); text-align: left; }
.opportunity-alternative:hover, .opportunity-alternative:focus-visible { border-color: rgba(69, 169, 255, .55); background: rgba(69, 169, 255, .08); }
.opportunity-alternative-pair, .opportunity-alternative-metrics { display: grid; min-width: 0; gap: 2px; }
.opportunity-alternative-pair strong, .opportunity-alternative-pair span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.opportunity-alternative-pair span, .opportunity-alternative-metrics span { color: var(--muted); font-size: 9px; }
.opportunity-alternative-metrics { justify-items: end; font-variant-numeric: tabular-nums; }

.opportunity-detail-actions { display: grid; grid-template-columns: 1fr; gap: 8px; }
.opportunity-detail-actions button { min-height: 42px; }
.opportunity-primary-action { border-color: #1677ff; background: #1677ff; color: #fff; }
.opportunity-primary-action:hover { background: #126cd9; }
.opportunity-detail-actions button:disabled { border-color: var(--line); background: transparent; color: var(--muted); cursor: not-allowed; opacity: .75; }
.opportunity-safety-note { margin: -2px 0 0; color: var(--muted); font-size: 9px; line-height: 1.4; text-align: center; }

@media (min-width: 1321px) and (min-height: 736px) {
  .results-layout { scroll-margin-top: 84px; }
  .opportunity-detail {
    top: 84px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: min(640px, calc(100vh - 96px));
    height: min(640px, calc(100dvh - 96px));
    gap: 8px;
    padding: 12px;
    overflow: hidden;
  }
  .opportunity-detail-head,
  .opportunity-legs,
  .opportunity-detail-actions,
  .opportunity-safety-note { grid-column: 1 / -1; }
  .opportunity-detail-head { gap: 10px; padding-bottom: 8px; }
  .opportunity-detail-head h3 {
    display: -webkit-box;
    margin-top: 2px;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.18;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .opportunity-detail-market { margin-top: 2px; font-size: 10px; }
  .opportunity-detail-close { min-height: 30px; padding: 4px 9px; }
  .opportunity-leg { gap: 3px; padding: 8px; }
  .opportunity-leg > strong { min-height: 0; font-size: 12px; }
  .opportunity-leg-link { min-height: 34px; padding: 5px 8px; }
  .opportunity-leg-link b { font-size: 15px; }
  .opportunity-leg small { font-size: 9px; }
  .opportunity-calculation,
  .opportunity-history,
  .opportunity-freshness,
  .opportunity-alternatives { gap: 6px; padding: 8px; }
  .opportunity-section-head { gap: 6px; }
  .opportunity-section-head h4 { font-size: 11px; }
  .opportunity-section-head > span,
  .opportunity-history-tools > span { font-size: 8px; }
  .opportunity-history-tools { gap: 4px; }
  .opportunity-history-ranges { gap: 2px; }
  .opportunity-history-ranges button { min-height: 18px; padding: 1px 5px; font-size: 8px; }
  .opportunity-stake-field { grid-template-columns: minmax(0, 1fr) 96px; gap: 7px; font-size: 9px; }
  .opportunity-stake-field input { min-height: 30px; padding: 5px 7px; font-size: 12px; }
  .opportunity-calculation-results > div,
  .opportunity-freshness-grid > div { gap: 2px; padding: 5px 6px; }
  .opportunity-calculation-results dt,
  .opportunity-freshness-grid dt { font-size: 8px; }
  .opportunity-calculation-results dd,
  .opportunity-freshness-grid dd { font-size: 11px; }
  .opportunity-inline-status { font-size: 9px; }
  .opportunity-history canvas { height: 92px; }
  .opportunity-history-summary,
  .opportunity-freshness-reason,
  .opportunity-alternatives-empty { font-size: 9px; line-height: 1.3; }
  .opportunity-alternatives-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
  .opportunity-alternative { min-height: 34px; gap: 7px; padding: 4px 6px; }
  .opportunity-detail-actions { gap: 7px; }
  .opportunity-detail-actions button { min-height: 34px; padding: 6px 9px; }
  .opportunity-safety-note { font-size: 8px; line-height: 1.2; }
}

.calculator-dialog, .browser-alerts-dialog, .telegram-dialog, .feedback-dialog, .changelog-dialog, .guides-dialog {
  width: min(680px, calc(100vw - 24px));
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);
  margin: auto;
  padding: 20px;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #36566d;
  border-radius: 16px;
  background: #0d1923;
  color: var(--text);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .65);
}
.browser-alerts-dialog, .telegram-dialog, .feedback-dialog, .changelog-dialog { width: min(560px, calc(100vw - 24px)); }
.guides-dialog { width: min(720px, calc(100vw - 24px)); }
.calculator-dialog::backdrop, .browser-alerts-dialog::backdrop, .telegram-dialog::backdrop, .feedback-dialog::backdrop, .changelog-dialog::backdrop, .guides-dialog::backdrop { background: rgba(2, 7, 11, .76); backdrop-filter: blur(3px); }
.changelog-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.changelog-entry { display: grid; gap: 3px; min-width: 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel-2); }
.changelog-entry-head { display: flex; align-items: center; gap: 8px; }
.changelog-version { color: var(--text); font-weight: 750; font-variant-numeric: tabular-nums; }
.changelog-current { padding: 2px 7px; border: 1px solid rgba(69, 230, 176, .55); border-radius: 999px; color: var(--mint); font-size: 10px; font-weight: 800; }
.changelog-entry p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.telegram-state {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 10px;
  padding: 5px 9px;
  border: 1px solid #385266;
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.telegram-state.telegram-connecting { border-color: rgba(242, 194, 102, .55); color: #f2c266; }
.telegram-state.telegram-active { border-color: rgba(69, 230, 176, .55); color: var(--mint); }
.telegram-state.telegram-error { border-color: rgba(255, 107, 120, .6); color: #ff9ca6; }
.browser-alert-state {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 16px;
  padding: 5px 9px;
  border: 1px solid #385266;
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.browser-alert-state.browser-alerts-active { border-color: rgba(69, 230, 176, .55); color: var(--mint); }
.browser-alert-state.browser-alerts-error { border-color: rgba(242, 194, 102, .6); color: #f2c266; }
.browser-alert-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.browser-alert-check,
.browser-alert-cooldown {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 9px;
  border: 1px solid #2a4151;
  border-radius: 9px;
  background: var(--panel-2);
  padding: 9px 11px;
  color: var(--text);
  font-size: 12px;
  font-weight: 750;
}
.browser-alert-check input { width: 17px; min-height: 17px; margin: 0; accent-color: #45e6b0; }
.browser-alert-check input:disabled + span { color: var(--muted); }
.browser-alert-cooldown { grid-column: 1 / -1; justify-content: space-between; }
.browser-alert-cooldown select {
  min-width: 154px;
  min-height: 36px;
  border: 1px solid #385266;
  border-radius: 7px;
  background: #0a1b27;
  color: var(--text);
  padding: 6px 9px;
  font: inherit;
}
.browser-alert-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
.browser-alert-permission { color: var(--muted); font-size: 11px; }
.browser-alert-actions button { flex: 0 0 auto; min-height: 40px; }
.telegram-detail { margin: 0 0 16px; color: var(--muted); overflow-wrap: anywhere; }
.telegram-setting { display: grid; gap: 6px; margin: 0 0 16px; color: var(--muted); font-size: 12px; }
.telegram-setting > span { color: var(--text); font-weight: 750; }
.telegram-setting select {
  width: 100%;
  min-height: 42px;
  border: 1px solid #2a4151;
  border-radius: 9px;
  background: var(--panel-2);
  color: var(--text);
  padding: 8px 10px;
  font: inherit;
}
.telegram-setting select:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.telegram-setting small { line-height: 1.4; }
.telegram-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.telegram-actions > * { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; text-align: center; }
.telegram-actions > [hidden] { display: none; }
.telegram-primary {
  border: 1px solid #267fbd;
  border-radius: 11px;
  background: #0d5180;
  color: #fff;
  padding: 10px 14px;
  font-weight: 750;
  text-decoration: none;
}
.telegram-actions .telegram-primary:first-child, .telegram-actions #telegramPairLink { grid-column: 1 / -1; }
.telegram-danger { border-color: rgba(255, 107, 120, .65); background: rgba(255, 107, 120, .1); color: #ffb3ba; }
.telegram-danger:hover { background: rgba(255, 107, 120, .2); }
.calculator-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.calculator-head h2 { margin: 0; font-size: 21px; letter-spacing: -.02em; }
.calculator-head p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.calculator-close { min-width: 38px; min-height: 38px; padding: 4px 10px; border-color: #385266; background: transparent; color: var(--text); font-size: 24px; line-height: 1; }
.calculator-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.calculator-fields label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; }
.calculator-fields input {
  width: 100%;
  min-height: 42px;
  border: 1px solid #2a4151;
  border-radius: 9px;
  background: var(--panel-2);
  color: var(--text);
  padding: 8px 10px;
  font: inherit;
  font-variant-numeric: tabular-nums;
}
.calculator-fields input:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.calculator-fields input:disabled { color: var(--muted); cursor: not-allowed; opacity: .72; }
.calculator-plan {
  display: grid;
  gap: 5px;
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(69, 230, 176, .25);
  border-radius: 11px;
  background: rgba(69, 230, 176, .055);
}
.calculator-plan[hidden] { display: none; }
.calculator-plan-title { color: var(--mint); font-size: 13px; }
.calculator-plan-note { color: var(--muted); font-size: 11px; line-height: 1.45; }
.calculator-leg-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 5px; }
.calculator-leg-card { min-width: 0; padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-2); }
.calculator-leg-selection, .calculator-leg-detail { display: block; color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.calculator-leg-stake { display: block; margin: 3px 0; color: var(--text); font-size: 18px; font-variant-numeric: tabular-nums; }
.calculator-value-action { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; }
.calculator-value-action strong { min-width: 0; }
.calculator-manual-stake { width: 100%; min-width: 0; border: 1px solid #385266; border-radius: 7px; padding: 6px 8px; background: var(--panel-2); color: var(--text); font: inherit; font-size: 20px; font-weight: 750; font-variant-numeric: tabular-nums; }
.calculator-manual-stake:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
#calculatorBalanceLayStake { margin-top: 7px; }
.calculator-value-action > [hidden], #calculatorBalanceLayStake[hidden] { display: none; }
.calculator-copy {
  min-width: 58px;
  min-height: 30px;
  flex: 0 0 auto;
  padding: 5px 8px;
  border-color: #385266;
  background: transparent;
  color: var(--text);
  font-size: 10px;
}
.calculator-copy:hover { background: rgba(69, 169, 255, .12); }
.calculator-copy:disabled { border-color: var(--line); color: var(--muted); cursor: not-allowed; opacity: .7; }
.calculator-copy.copied { border-color: rgba(69, 230, 176, .55); color: var(--mint); }
.calculator-copy.copy-error { border-color: rgba(255, 107, 120, .55); color: #ff9ca6; }
.calculator-error { margin-top: 12px; padding: 10px 12px; border: 1px solid rgba(255, 107, 120, .45); border-radius: 9px; color: #ff9ca6; background: rgba(255, 107, 120, .09); }
.calculator-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 14px; }
.calculator-results[hidden] { display: none; }
.calculator-results > div { min-height: 70px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel-2); }
.calculator-results span { display: block; color: var(--muted); font-size: 11px; }
.calculator-results strong { display: block; margin-top: 3px; font-size: 19px; font-variant-numeric: tabular-nums; }
.calculator-results strong.positive { color: var(--mint); }
.calculator-results strong.negative { color: var(--red); }
.calculator-note { margin: 12px 0 0; color: var(--muted); font-size: 11px; }
.site-footer { display: flex; justify-content: center; padding: 22px 0 0; }
.feedback-toggle { border-color: #385266; background: transparent; color: var(--muted); }
.feedback-toggle:hover { color: var(--text); }
.feedback-form { display: grid; gap: 13px; }
.feedback-form label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; }
.feedback-form label > span { font-weight: 500; }
.feedback-form select,
.feedback-form textarea,
.feedback-form input {
  width: 100%;
  min-height: 42px;
  border: 1px solid #2a4151;
  border-radius: 9px;
  background: var(--panel-2);
  color: var(--text);
  padding: 8px 10px;
  font: inherit;
}
.feedback-form textarea { min-height: 132px; resize: vertical; }
.feedback-form select:focus-visible,
.feedback-form textarea:focus-visible,
.feedback-form input:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
#feedbackTurnstile { min-height: 65px; max-width: 100%; }
.feedback-status { min-height: 20px; color: var(--muted); font-size: 12px; }
.feedback-status.feedback-success { color: var(--mint); }
.feedback-status.feedback-error { color: #ff9ca6; }
.feedback-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.feedback-actions button { min-height: 42px; }
.feedback-actions button:first-child { border-color: #385266; background: transparent; color: var(--text); }
.feedback-primary:disabled { border-color: var(--line); background: transparent; color: var(--muted); cursor: not-allowed; opacity: .75; }

@media (max-width: 1400px) {
  .filters { grid-template-columns: repeat(4, minmax(130px, 1fr)); }
  #leagueFilter .multi-options { left: auto; right: 0; }
}

@media (max-width: 1320px) {
  body.opportunity-detail-open { overflow: hidden; }
  .results-layout.detail-open { display: block; }
  .opportunity-detail {
    position: fixed;
    z-index: 120;
    top: 12px;
    right: 12px;
    bottom: 12px;
    width: min(520px, calc(100vw - 24px));
    height: auto;
    max-height: none;
  }
}

@media (max-width: 1180px) and (min-width: 701px) {
  header { grid-template-columns: minmax(190px, 1fr) max-content; align-items: center; }
  .brand-block { grid-column: 1; grid-row: 1; }
  .header-actions { grid-column: 2; grid-row: 1; }
  .summary {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: start;
    width: 100%;
  }
  .summary time { text-align: left; }
}

@media (max-width: 780px) and (min-width: 701px) {
  header { grid-template-columns: minmax(0, 1fr); }
  .brand-block { grid-column: 1; grid-row: 1; }
  .header-actions { grid-column: 1; grid-row: 2; justify-content: flex-start; }
  .summary { grid-column: 1; grid-row: 3; }
}

@media (max-width: 700px) {
  main { width: min(100% - 16px, 1380px); padding-top: 16px; }
  header {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 12px 10px;
  }
  .brand-block { grid-column: 1; grid-row: 1; }
  .header-actions {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
    align-items: stretch;
    flex-direction: column;
    white-space: normal;
  }
  .header-actions > button,
  .header-actions > .stake-balance-field { height: auto; }
  .stake-balance-field { width: 100%; }
  .stake-balance-input input { font-size: 16px; }
  .summary { grid-column: 1; grid-row: 3; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .summary > div { min-height: 48px; padding: 7px 9px; }
  .summary time { text-align: left; }
  .filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .filters > .search-field { grid-column: 1 / -1; }
  .filters > .check, .filters > button { grid-column: span 1; }
  .filters > #resetFilters {
    grid-column: 1 / -1;
    justify-self: end;
    width: min(100%, 210px);
    margin-top: 2px;
  }
  .filters select,
  .filters input[type="number"],
  .filters input[type="search"] { font-size: 16px; }
  .telegram { padding: 9px 11px; font-size: 12px; }
  .calculator-button { padding: 8px 10px; font-size: 12px; }
  .calculator-dialog, .browser-alerts-dialog, .telegram-dialog, .feedback-dialog, .changelog-dialog {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);
    padding: 12px;
    padding-bottom: max(12px, env(safe-area-inset-bottom));
    border-radius: 13px;
  }
  .telegram-actions { grid-template-columns: 1fr; }
  .telegram-actions > * { grid-column: 1 !important; }
  .browser-alert-options { grid-template-columns: 1fr; }
  .browser-alert-cooldown { grid-column: auto; }
  .browser-alert-actions { align-items: stretch; flex-direction: column; }
  .browser-alert-actions button { width: 100%; }
  .calculator-head {
    position: sticky;
    top: -12px;
    z-index: 2;
    margin: -4px -4px 8px;
    padding: 4px;
    background: #0d1923;
  }
  .calculator-head h2 { font-size: 18px; }
  .calculator-head p { overflow-wrap: anywhere; }
  .calculator-fields, .calculator-results { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .calculator-fields input {
    min-height: 38px;
    padding: 7px 8px;
    font-size: 16px;
  }
  .calculator-plan { margin-top: 10px; padding: 10px; }
  .calculator-leg-grid { grid-template-columns: 1fr; }
  .calculator-results { margin-top: 10px; }
  .calculator-results > div { min-height: 60px; padding: 9px 10px; }
  .calculator-results > div:last-child { grid-column: 1 / -1; }
  .calculator-note { margin-top: 8px; }
  .feedback-form select,
  .feedback-form textarea,
  .feedback-form input { font-size: 16px; }
  .feedback-form textarea { min-height: 118px; }
  #feedbackTurnstile { display: flex; justify-content: center; }
  .multi-options { max-height: min(55vh, 320px); }
  .league-option-copy { display: grid; gap: 3px; }
  .league-sport-badge { max-width: 100%; justify-self: start; text-align: left; }
  #sourceFilter .multi-options,
  #leagueFilter .multi-options { left: auto; right: 0; }

  .table-shell { overflow-x: visible; border: 0; background: transparent; }
  table, tbody { display: block; width: 100%; min-width: 0; }
  thead { display: none; }
  tbody { display: grid; gap: 10px; }
  tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(13, 25, 35, .94);
  }
  tr.lag-row { background: rgba(242, 194, 102, .045); }
  tr.stale-row { background: rgba(255, 111, 132, .045); }
  td {
    display: grid;
    align-content: start;
    min-width: 0 !important;
    padding: 9px 10px;
    border: 0;
    border-top: 1px solid rgba(32, 49, 62, .58);
    white-space: normal;
    overflow-wrap: anywhere;
  }
  td::before {
    content: attr(data-label);
    margin-bottom: 3px;
    color: var(--muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
  }
  td.start::before,
  td.event::before,
  td.context::before,
  td.market-cell::before,
  td.roi::before,
  td.calc-action::before { display: none; }
  td.event { grid-column: 1 / -1; order: 1; border-top: 0; }
  td.start { order: 2; }
  td.context { order: 3; }
  td.market-cell { grid-column: 1 / -1; order: 4; }
  td:nth-child(5) { order: 5; }
  td:nth-child(6) { order: 6; }
  td.lay-stake-cell { grid-column: 1 / -1; order: 7; }
  td.synthetic-lay-stake-cell { display: none; }
  td.available-cell { order: 8; }
  td.roi { order: 9; }
  td.profit-loss { order: 10; }
  td.calc-action { order: 11; width: auto; text-align: left; }
  td.event, td.start, td.context, td.market-cell, td.roi, td.calc-action { padding-top: 7px; padding-bottom: 7px; }
  .market-selection { font-size: 14px; }
  .event-line, .odds-quote { flex-wrap: wrap; white-space: normal; }
  .odds-destination { min-height: 48px; justify-content: center; }
  .league-meta { gap: 4px; }
  .league-icon-game { min-width: 16px; }
  td.lay-stake-cell .inline-lay-stake:not(.inline-lay-synthetic) {
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
  }
  td.lay-stake-cell .inline-lay-stake > strong { min-width: 0; white-space: nowrap; }
  td.lay-stake-cell .inline-stake-copy { justify-self: end; }
  .row-actions { justify-content: flex-start; }
  .opportunity-detail {
    inset: 0;
    width: 100%;
    max-width: 100%;
    max-height: 100vh;
    max-height: 100dvh;
    padding: 12px;
    padding-top: max(12px, env(safe-area-inset-top));
    padding-bottom: max(12px, env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
  }
  .opportunity-detail-head { position: sticky; top: calc(-12px - env(safe-area-inset-top)); z-index: 2; margin: -12px -12px 0; padding: max(12px, env(safe-area-inset-top)) 12px 10px; background: #0b1924; }
  .opportunity-legs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .opportunity-leg { padding: 10px; }
  .opportunity-leg-link { align-items: flex-start; flex-direction: column; }
  .opportunity-stake-field { grid-template-columns: 1fr; }
  .opportunity-stake-field input { font-size: 16px; }
  .opportunity-detail-actions { grid-template-columns: 1fr; }
}

@media (max-width: 350px) {
  .calculator-fields { grid-template-columns: 1fr; }
  #feedbackTurnstile { min-height: 140px; }
}

/* Marketing shell -------------------------------------------------------- */

:root {
  --marketing-ink: #0a1725;
  --marketing-navy: #07131f;
  --marketing-navy-2: #0b1d2c;
  --marketing-blue: #1677ff;
  --marketing-blue-2: #45a9ff;
  --marketing-lime: #b7ff1a;
  --marketing-mint: #45e6b0;
  --marketing-paper: #f7f9fb;
  --marketing-white: #ffffff;
  --marketing-slate: #627487;
  --marketing-line: #dfe6ec;
  scroll-behavior: smooth;
}

body {
  min-width: 280px;
  background: var(--marketing-paper);
  color: var(--marketing-ink);
  font-size: 14px;
  line-height: 1.5;
  overflow-x: hidden;
}

body > main {
  width: 100%;
  margin: 0;
  padding: 0;
}

body > main > section,
#radar,
#features,
#workflow,
#calculators,
#guides,
#trust,
#faq {
  scroll-margin-top: 72px;
}

a { color: inherit; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  display: grid;
  grid-template-columns: minmax(170px, 240px) minmax(0, 1fr) auto;
  grid-template-areas: "brand navigation actions";
  min-height: 72px;
  align-items: center;
  gap: 30px;
  width: 100%;
  margin: 0;
  padding: 0 max(28px, calc((100vw - 1600px) / 2));
  border-bottom: 1px solid rgba(143, 171, 192, .18);
  background: rgba(7, 19, 31, .97);
  color: #edf4f8;
  box-shadow: 0 8px 28px rgba(1, 9, 16, .12);
  backdrop-filter: blur(16px);
}

.site-brand {
  grid-area: brand;
  display: inline-flex;
  width: fit-content;
  align-items: center;
  text-decoration: none;
}

.site-brand-frame {
  display: block;
  width: 186px;
  height: 44px;
  overflow: hidden;
  border-radius: 7px;
}

.site-brand-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 50%;
  mix-blend-mode: screen;
}

.site-navigation {
  grid-area: navigation;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.site-nav-link,
.site-nav-group > summary {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  border-radius: 8px;
  color: #b7c6d2;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  list-style: none;
}

.site-nav-group > summary::-webkit-details-marker { display: none; }
.site-nav-group > summary::after { content: ""; width: 6px; height: 6px; margin: -3px 0 0 10px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.site-nav-group[open] > summary::after { margin-top: 3px; transform: rotate(225deg); }

.site-nav-link:hover,
.site-nav-link:focus-visible,
.site-nav-group > summary:hover,
.site-nav-group > summary:focus-visible,
.site-nav-link.is-active {
  background: rgba(69, 169, 255, .1);
  color: #fff;
}

.site-nav-link.is-active { box-shadow: inset 0 -2px 0 var(--marketing-blue-2); }
.site-nav-group { position: relative; }
.site-nav-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  display: grid;
  width: 230px;
  gap: 2px;
  padding: 9px;
  border: 1px solid #dce4ea;
  border-radius: 12px;
  background: #fff;
  color: var(--marketing-ink);
  box-shadow: 0 20px 50px rgba(2, 12, 22, .2);
}

.site-nav-menu-wide { width: 250px; }
.site-nav-menu a { padding: 10px 12px; border-radius: 8px; color: #536678; font-size: 13px; font-weight: 650; text-decoration: none; }
.site-nav-menu a:hover,
.site-nav-menu a:focus-visible { background: #eef5ff; color: #0a5fd7; }

.site-header-actions {
  grid-area: actions;
  display: flex;
  min-width: max-content;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.language-control select {
  min-height: 42px;
  border: 1px solid #385266;
  border-radius: 9px;
  background: #0a1b29;
  color: #e8f0f5;
  padding: 0 30px 0 11px;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}
.language-control select:hover,
.language-control select:focus-visible { border-color: #4c7899; background-color: #102a3d; }
.site-navigation-language { display: none; }

.account-mount { display: flex; align-items: center; }
.account-mount:empty { display: none; }
.site-header-actions .account-toggle {
  min-height: 42px;
  border-color: #385266;
  border-radius: 9px;
  background: transparent;
  color: #e8f0f5;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 750;
}
.site-header-actions .account-toggle:hover,
.site-header-actions .account-toggle:focus-visible { border-color: #4c7899; background: rgba(69, 169, 255, .1); }

.site-header-cta {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid #3b90ff;
  border-radius: 9px;
  background: #176ee8;
  color: #fff;
  padding: 0 17px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 8px 25px rgba(23, 110, 232, .24);
}

.site-header-cta:hover,
.site-header-cta:focus-visible { background: #2580f6; }
.site-header-live-dot,
.live-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--marketing-mint); box-shadow: 0 0 0 4px rgba(69, 230, 176, .1); }
.site-menu-toggle { display: none; }

.marketing-hero {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 75% 15%, rgba(28, 101, 151, .16), transparent 38%), var(--marketing-navy);
  color: #edf4f8;
}

.hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(540px, 1.05fr);
  width: min(1280px, calc(100% - 48px));
  min-height: 570px;
  align-items: center;
  gap: clamp(36px, 4vw, 60px);
  margin: 0 auto;
  padding: 76px 0 68px;
}

.hero-copy { min-width: 0; }
.eyebrow {
  margin: 0 0 13px;
  color: #1677e8;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .12em;
  line-height: 1.3;
  text-transform: uppercase;
}

.hero-eyebrow { display: flex; align-items: center; gap: 10px; color: #9eb5c6; }
.hero-copy h1 {
  max-width: 640px;
  margin: 0;
  color: #f6f9fb;
  font-size: clamp(36px, 3vw, 44px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.02;
}
.hero-copy h1 em { color: var(--marketing-lime); font-style: normal; }
.hero-copy h1 > span,
.hero-copy h1 > em { display: block; }
.hero-lead { max-width: 560px; margin: 22px 0 0; color: #9fb1c0; font-size: 15px; line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 9px;
  padding: 0 21px;
  font: inherit;
  font-size: 14px;
  font-weight: 820;
  text-decoration: none;
  cursor: pointer;
}
.button-primary { border-color: #3b90ff; background: #1677ff; color: #fff; box-shadow: 0 12px 30px rgba(22, 119, 255, .23); }
.button-primary:hover,
.button-primary:focus-visible { background: #2d88ff; }
.button-secondary { border-color: #3a4d5d; background: transparent; color: #d7e2ea; }
.button-secondary:hover,
.button-secondary:focus-visible { border-color: #6e879a; background: rgba(255, 255, 255, .04); }
.button-dark { border-color: #153049; background: #0b1c2b; color: #fff; }
.button-dark:hover,
.button-dark:focus-visible { background: #12314b; }
.hero-note { margin: 18px 0 0; color: #748b9c; font-size: 12px; }

.hero-radar {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #203647;
  border-radius: 14px;
  background: rgba(10, 27, 41, .92);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .25);
}
.hero-radar-head { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 20px; border-bottom: 1px solid #213849; }
.hero-radar-head > div { display: grid; gap: 2px; }
.hero-radar-kicker { color: #7f94a4; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.hero-radar-head strong { color: #edf4f8; font-size: 16px; }
.hero-radar-status { display: inline-flex; align-items: center; gap: 9px; color: #9db1c0; font-size: 11px; font-weight: 750; }
.hero-radar-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.65fr) .55fr .55fr .75fr .58fr;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(47, 70, 86, .62);
}
.hero-radar-header { min-height: 42px; color: #72899b; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.hero-radar-rows .hero-radar-row:last-child { border-bottom: 0; }
.hero-radar-event { display: grid; min-width: 0; gap: 2px; }
.hero-radar-event strong { overflow: hidden; color: #f0f5f8; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.hero-radar-event small { overflow: hidden; color: #72899b; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.hero-radar-price { color: #56adff; font-size: 13px; font-weight: 850; font-variant-numeric: tabular-nums; }
.hero-radar-price.lay { color: #ff7b88; }
.hero-radar-liquidity { color: var(--marketing-mint); font-size: 12px; font-weight: 800; }
.hero-radar-rating { display: inline-flex; width: fit-content; min-width: 50px; justify-content: center; border: 1px solid rgba(69, 230, 176, .34); border-radius: 7px; background: rgba(69, 230, 176, .08); color: var(--marketing-mint); padding: 4px 7px; font-size: 10px; font-weight: 850; }
.hero-radar-loading { display: grid; min-height: 250px; place-items: center; color: #7f94a4; font-size: 13px; }
.hero-radar-link { display: flex; min-height: 48px; align-items: center; justify-content: center; border-top: 1px solid #213849; color: #5ba9ff; font-size: 12px; font-weight: 780; text-decoration: none; }
.hero-radar-link:hover,
.hero-radar-link:focus-visible { background: rgba(69, 169, 255, .06); color: #8bc2ff; }

.hero-capabilities {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(1280px, calc(100% - 48px));
  margin: 0 auto;
  border-top: 1px solid #1c3344;
}
.hero-capabilities > div { display: grid; gap: 2px; min-height: 76px; align-content: center; padding: 14px 24px; border-right: 1px solid #1c3344; }
.hero-capabilities > div:first-child { padding-left: 0; }
.hero-capabilities > div:last-child { border-right: 0; }
.hero-capabilities strong { color: #dce7ee; font-size: 10px; letter-spacing: .08em; }
.hero-capabilities span { color: #718899; font-size: 11px; }

.section-light { background: #fff; color: var(--marketing-ink); }
.features-section,
.workflow-section,
.calculator-section,
.guides-section,
.faq-section { padding: clamp(76px, 8vw, 112px) max(24px, calc((100vw - 1160px) / 2)); }
.section-heading { max-width: 850px; margin-bottom: 48px; }
.section-heading h2,
.radar-section-heading h2,
.calculator-section h2,
.trust-section h2,
.closing-cta h2 { margin: 0; font-size: clamp(28px, 2.5vw, 38px); font-weight: 700; letter-spacing: -.03em; line-height: 1.12; }
.section-heading > p:last-child { max-width: 680px; margin: 15px 0 0; color: var(--marketing-slate); font-size: 15px; line-height: 1.55; }
.feature-list { border-top: 1px solid var(--marketing-line); }
.feature-row {
  display: grid;
  grid-template-columns: 110px minmax(220px, .8fr) minmax(300px, 1.35fr) 100px;
  min-height: 88px;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid var(--marketing-line);
  padding: 18px 8px;
  transition: background-color .18s ease;
}
.feature-row:hover { background: #f8fbff; }
.feature-code { color: #1978e8; font-size: 11px; font-weight: 850; letter-spacing: .11em; }
.feature-row > div { display: flex; min-width: 0; align-items: center; gap: 10px; }
.feature-row h3 { margin: 0; font-size: 16px; letter-spacing: -.015em; }
.feature-row p { margin: 0; color: #637486; font-size: 14px; }
.feature-row > a { color: #0b65d4; font-size: 13px; font-weight: 800; text-align: right; text-decoration: none; }
.feature-badge { border-radius: 999px; background: #dff8e8; color: #13844b; padding: 3px 7px; font-size: 9px; font-weight: 850; }

.workflow-section { border-top: 1px solid var(--marketing-line); background: #f7f9fb; }
.compact-heading { margin-bottom: 38px; }
.workflow-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid #dce4ea; border-bottom: 1px solid #dce4ea; }
.workflow-list li { display: grid; grid-template-columns: auto 1fr; gap: 18px; min-height: 190px; padding: 35px 32px; border-right: 1px solid #dce4ea; }
.workflow-list li:first-child { padding-left: 0; }
.workflow-list li:last-child { border-right: 0; }
.workflow-list li > span { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 50%; background: #e7f1ff; color: #0d6ee9; font-size: 11px; font-weight: 850; }
.workflow-list h3 { margin: 2px 0 9px; font-size: 18px; }
.workflow-list p { margin: 0; color: #647487; font-size: 14px; }

.radar-section { padding: 74px max(18px, calc((100vw - 1380px) / 2)); background: #081521; color: var(--text); }
.radar-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 430px); align-items: end; gap: 28px; margin-bottom: 24px; }
.radar-section-heading .eyebrow { color: #5aaeff; }
.radar-section-heading > p { margin: 0; color: #849bac; font-size: 15px; line-height: 1.55; }
.radar-console { overflow: visible; border: 1px solid #203644; border-radius: 18px; background: radial-gradient(circle at top left, #102838 0, #071018 45%); padding: 20px; font-size: 13px; line-height: 1.4; box-shadow: 0 36px 90px rgba(0, 0, 0, .26); }
.radar-header {
  display: grid;
  grid-template-columns: minmax(180px, auto) minmax(330px, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin: 0 0 14px;
  padding: 0;
  background: transparent;
  color: var(--text);
}
.radar-product-name { font-size: 17px; letter-spacing: -.02em; }

.calculator-section { display: grid; grid-template-columns: minmax(0, .85fr) minmax(520px, 1.15fr); align-items: center; gap: clamp(60px, 8vw, 120px); background: #f7f9fb; }
.calculator-section-copy > p:not(.eyebrow) { max-width: 560px; margin: 22px 0 0; color: #5f7183; font-size: 15px; line-height: 1.55; }
.calculator-section-copy ul { display: grid; gap: 12px; margin: 28px 0; padding: 0; color: #314456; list-style: none; }
.calculator-section-copy li { position: relative; padding-left: 20px; }
.calculator-section-copy li::before { content: ""; position: absolute; top: .64em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #1881f8; }
.calculator-demo { overflow: hidden; border: 1px solid #21394c; border-radius: 15px; background: #0a1a28; color: #edf4f8; box-shadow: 0 28px 65px rgba(3, 15, 25, .18); }
.calculator-demo-head { display: flex; min-height: 66px; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #21394c; }
.calculator-demo-head strong { font-size: 15px; letter-spacing: .02em; }
.calculator-demo-head span { color: #7e96a8; font-size: 11px; }
.calculator-demo-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 20px; border-bottom: 1px solid #21394c; }
.calculator-demo-fields label { display: grid; gap: 6px; color: #8ca2b2; font-size: 11px; font-weight: 700; }
.calculator-demo-fields input { width: 100%; min-height: 44px; border: 1px solid #294356; border-radius: 8px; outline: 0; background: #102333; color: #fff; padding: 9px 11px; font: inherit; font-size: 16px; font-variant-numeric: tabular-nums; }
.calculator-demo-fields input:focus { border-color: #3a95ff; box-shadow: 0 0 0 3px rgba(58, 149, 255, .12); }
.calculator-demo-error { margin: 16px 20px 0; border: 1px solid rgba(255, 107, 120, .45); border-radius: 8px; background: rgba(255, 107, 120, .08); color: #ff9ca6; padding: 9px 11px; font-size: 12px; }
.calculator-demo-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: #21394c; }
.calculator-demo-results > div { min-height: 86px; background: #0c1f2f; padding: 16px 19px; }
.calculator-demo-results .calculator-demo-primary { grid-column: 1 / -1; background: #0e2536; }
.calculator-demo-results span { display: block; color: #849aaa; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.calculator-demo-results strong { display: block; margin-top: 5px; color: #f5f9fb; font-size: 22px; font-variant-numeric: tabular-nums; }
.calculator-demo-results .positive { color: var(--marketing-mint); }
.calculator-demo-results .negative { color: #ff7f8c; }
.calculator-demo-primary strong { color: var(--marketing-lime); font-size: 30px; }
.calculator-demo-note { margin: 0; color: #70899b; padding: 14px 20px 18px; font-size: 10px; }

.guides-section { background: #fff; }
.guides-heading { margin-bottom: 42px; }
.guide-explorer { display: grid; grid-template-columns: minmax(240px, .6fr) minmax(0, 1.4fr); border-top: 1px solid var(--marketing-line); border-bottom: 1px solid var(--marketing-line); }
.guide-tabs { display: grid; align-content: start; padding: 24px 26px 24px 0; border-right: 1px solid var(--marketing-line); }
.guide-tabs button { min-height: 52px; border: 0; border-radius: 8px; background: transparent; color: #637486; padding: 0 16px; font-size: 14px; font-weight: 750; text-align: left; }
.guide-tabs button:hover,
.guide-tabs button:focus-visible { background: #f2f7fd; color: #0e5fbf; }
.guide-tabs button[aria-selected="true"] { background: #eaf3ff; color: #075bbf; box-shadow: inset 3px 0 0 #1677ff; }
.guide-panel { min-height: 355px; padding: 48px 0 48px 56px; outline: 0; }
.guide-panel-kicker { margin: 0 0 13px; color: #1775e4; font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.guide-panel h3 { max-width: 680px; margin: 0; font-size: 28px; letter-spacing: -.035em; line-height: 1.15; }
.guide-panel > p:not(.guide-panel-kicker) { max-width: 720px; margin: 20px 0 0; color: #5f7183; font-size: 15px; line-height: 1.55; }
.guide-panel ul { display: grid; gap: 10px; max-width: 680px; margin: 24px 0 0; padding-left: 20px; color: #33485a; }

.trust-section { display: grid; grid-template-columns: minmax(0, .9fr) minmax(450px, 1.1fr); gap: clamp(60px, 9vw, 130px); padding: 100px max(24px, calc((100vw - 1160px) / 2)); background: #0a1926; color: #eef4f7; }
.trust-copy .eyebrow { color: #5aaeff; }
.trust-copy > p:last-child { max-width: 570px; margin: 24px 0 0; color: #8fa3b3; font-size: 15px; line-height: 1.55; }
.trust-list { margin: 0; border-top: 1px solid #294050; }
.trust-list > div { display: grid; grid-template-columns: minmax(130px, .7fr) minmax(0, 1.3fr); gap: 20px; padding: 21px 0; border-bottom: 1px solid #294050; }
.trust-list dt { color: #f4f8fa; font-size: 15px; font-weight: 800; }
.trust-list dd { margin: 0; color: #879cac; font-size: 14px; }

.faq-heading { max-width: 760px; margin-right: auto; margin-left: auto; text-align: center; }
.faq-list { max-width: 900px; margin: 0 auto; border-top: 1px solid var(--marketing-line); }
.faq-list details { border-bottom: 1px solid var(--marketing-line); }
.faq-list summary { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: #142435; font-size: 16px; font-weight: 800; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; color: #4d6477; font-size: 22px; font-weight: 500; }
.faq-list details[open] summary::after { content: "–"; }
.faq-list summary:focus-visible { outline-width: 2px; outline-offset: -2px; }
.faq-list details p { max-width: 720px; margin: -4px 0 24px; color: #627487; font-size: 15px; }

.closing-cta { display: grid; justify-items: center; padding: 92px 24px; background: #07131f; color: #eff5f8; text-align: center; }
.closing-cta .eyebrow { color: #5aaeff; }
.closing-cta h2 { max-width: 850px; }
.closing-cta .button { margin-top: 30px; }
.site-footer { display: grid; grid-template-columns: minmax(260px, 1.35fr) .65fr .65fr auto; gap: 48px; justify-content: stretch; padding: 70px max(24px, calc((100vw - 1160px) / 2)) 38px; background: #0d1725; color: #8fa1b1; }
.footer-brand { max-width: 360px; }
.footer-wordmark { color: #fff; font-size: 25px; font-weight: 850; letter-spacing: -.04em; }
.footer-wordmark span { color: var(--marketing-lime); }
.footer-brand p { margin: 14px 0 0; font-size: 13px; }
.footer-links { display: grid; align-content: start; gap: 9px; }
.footer-links strong { margin-bottom: 4px; color: #f2f6f8; font-size: 13px; }
.footer-links a { color: #8fa1b1; font-size: 13px; text-decoration: none; }
.footer-links a:hover,
.footer-links a:focus-visible { color: #fff; }
.footer-contact { align-self: start; }
.feedback-toggle { min-height: 42px; border-color: #32485a; background: transparent; color: #ccd8e0; }
.footer-legal { grid-column: 1 / -1; max-width: 1100px; margin: 18px 0 0; padding-top: 25px; border-top: 1px solid #263848; color: #6f8292; font-size: 11px; }

.calculator-dialog,
.browser-alerts-dialog,
.telegram-dialog,
.feedback-dialog { z-index: 200; }

.button:focus-visible,
.site-header a:focus-visible,
.site-header button:focus-visible,
.guide-tabs button:focus-visible,
.faq-list summary:focus-visible { outline: 3px solid rgba(69, 169, 255, .7); outline-offset: 3px; }

@media (max-width: 1160px) {
  .site-header { gap: 16px; padding-right: 22px; padding-left: 22px; }
  .site-header-actions .account-entry-wide { display: none; }
  .site-header-actions .account-entry-compact { display: inline; }
  .site-header-actions .account-name { display: block; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .site-navigation { gap: 0; }
  .site-nav-link,
  .site-nav-group > summary { padding: 0 9px; font-size: 13px; }
  .hero-inner { grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr); gap: 34px; }
  .hero-radar-row { grid-template-columns: minmax(150px, 1.5fr) .5fr .5fr .65fr .58fr; gap: 8px; padding-right: 14px; padding-left: 14px; }
  .feature-row { grid-template-columns: 90px minmax(180px, .8fr) minmax(260px, 1.2fr) 90px; gap: 16px; }
  .calculator-section { grid-template-columns: minmax(0, .8fr) minmax(470px, 1.2fr); gap: 45px; }
}

@media (max-width: 1680px) {
  body.site-menu-open { overflow: hidden; }
  body > main > section,
  #radar,
  #features,
  #workflow,
  #calculators,
  #guides,
  #trust,
  #faq { scroll-margin-top: 66px; }
  .site-header { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "brand actions"; min-height: 66px; }
  .site-brand-frame { width: 166px; height: 40px; }
  .site-menu-toggle { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; border: 1px solid #31495c; border-radius: 8px; background: transparent; color: #e8f0f5; padding: 0 14px; font-size: 13px; }
  .site-header-cta { display: none; }
  .site-header-actions > .language-control { display: none; }
  .site-navigation { position: absolute; top: 66px; right: 0; left: 0; display: none; max-height: calc(100vh - 66px); max-height: calc(100dvh - 66px); align-items: stretch; justify-content: stretch; justify-items: stretch; overflow: auto; padding: 14px 20px 24px; border-top: 1px solid #263b4b; background: #091724; box-shadow: 0 24px 45px rgba(0, 0, 0, .3); }
  .site-header.menu-open .site-navigation { display: grid; }
  .site-nav-link,
  .site-nav-group > summary { min-height: 48px; justify-content: space-between; padding: 0 12px; }
  .site-nav-link.is-active { box-shadow: inset 3px 0 0 var(--marketing-blue-2); }
  .site-nav-group { width: 100%; }
  .site-navigation-language { display: grid; grid-template-columns: 1fr minmax(110px, 160px); align-items: center; gap: 14px; min-height: 48px; padding: 0 12px; color: #b7c6d2; font-size: 13px; font-weight: 700; }
  .site-navigation-language select { width: 100%; }
  .site-nav-menu,
  .site-nav-menu-wide { position: static; width: 100%; margin: 0 0 8px; border-color: #263b4b; background: #0d1e2c; color: #dce7ed; box-shadow: none; }
  .site-nav-menu a { color: #a9bdca; }
  .site-nav-menu a:hover,
  .site-nav-menu a:focus-visible { background: #132b3e; color: #fff; }
}

@media (min-width: 701px) {
  .hero-copy h1 > span { white-space: nowrap; }
}

@media (max-width: 1080px) {
  .hero-inner { grid-template-columns: 1fr; gap: 52px; }
  .hero-copy { max-width: 720px; }
}

@media (max-width: 940px) {
  .hero-inner { gap: 52px; padding-top: 64px; }
  .hero-radar { width: 100%; }
  .feature-row { grid-template-columns: 80px minmax(180px, .8fr) minmax(220px, 1.2fr) 78px; gap: 12px; }
  .workflow-list { grid-template-columns: 1fr; }
  .workflow-list li { min-height: 0; padding: 28px 0; border-right: 0; border-bottom: 1px solid #dce4ea; }
  .workflow-list li:last-child { border-bottom: 0; }
  .radar-section-heading { grid-template-columns: 1fr; gap: 16px; }
  .calculator-section { grid-template-columns: 1fr; }
  .calculator-section-copy { max-width: 720px; }
  .guide-explorer { grid-template-columns: 1fr; }
  .guide-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 0 18px; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--marketing-line); }
  .guide-tabs button { min-width: 150px; text-align: center; }
  .guide-tabs button[aria-selected="true"] { box-shadow: inset 0 -3px 0 #1677ff; }
  .guide-panel { padding: 38px 0; }
  .trust-section { grid-template-columns: 1fr; gap: 45px; }
  .site-footer { grid-template-columns: 1.4fr .7fr .7fr; }
  .footer-contact { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  body { font-size: 14px; line-height: 1.5; }
  .site-header { padding-right: 14px; padding-left: 14px; }
  .site-brand-frame { width: 152px; height: 36px; }
  .hero-inner,
  .hero-capabilities { width: calc(100% - 30px); }
  .hero-inner { min-height: 0; gap: 42px; padding: 54px 0 48px; }
  .hero-copy h1 { font-size: clamp(31px, 9vw, 36px); letter-spacing: -.035em; line-height: 1.06; }
  .hero-lead { margin-top: 20px; font-size: 14px; line-height: 1.55; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .button { width: 100%; }
  .hero-radar-head { min-height: 68px; padding: 14px; }
  .hero-radar-row { grid-template-columns: minmax(105px, 1.45fr) .55fr .55fr .7fr; min-height: 64px; gap: 7px; padding: 9px 12px; }
  .hero-radar-row > :nth-child(4) { display: none; }
  .hero-radar-event strong { font-size: 12px; }
  .hero-radar-event small { font-size: 9px; }
  .hero-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-capabilities > div { min-height: 78px; padding: 13px 12px; border-bottom: 1px solid #1c3344; }
  .hero-capabilities > div:first-child { padding-left: 12px; }
  .hero-capabilities > div:nth-child(2) { border-right: 0; }
  .hero-capabilities > div:nth-child(3),
  .hero-capabilities > div:nth-child(4) { border-bottom: 0; }
  .features-section,
  .workflow-section,
  .calculator-section,
  .guides-section,
  .faq-section { padding: 68px 20px; }
  .section-heading { margin-bottom: 34px; }
  .section-heading h2,
  .radar-section-heading h2,
  .calculator-section h2,
  .trust-section h2,
  .closing-cta h2 { font-size: clamp(25px, 7.2vw, 29px); line-height: 1.15; }
  .section-heading > p:last-child,
  .calculator-section-copy > p:not(.eyebrow),
  .trust-copy > p:last-child { font-size: 14px; }
  .feature-row { grid-template-columns: 1fr auto; gap: 9px 16px; min-height: 0; padding: 23px 0; }
  .feature-code { grid-column: 1 / -1; }
  .feature-row > div { grid-column: 1 / -1; }
  .feature-row p { grid-column: 1 / -1; }
  .feature-row > a { grid-column: 1 / -1; text-align: left; }
  .workflow-list li { gap: 14px; }
  .workflow-list h3 { font-size: 17px; }
  .radar-section { padding: 56px 8px; }
  .radar-section-heading { padding: 0 12px; }
  .radar-console { border-right: 0; border-left: 0; border-radius: 12px; padding: 10px 8px 14px; }
  .radar-header { grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 12px 10px; }
  .radar-header .header-actions { align-items: stretch; flex-direction: column; }
  .radar-header .summary { grid-column: 1 / -1; }
  .radar-console td.roi::before { display: block; }
  .calculator-demo-fields { grid-template-columns: 1fr; }
  .calculator-demo-results { grid-template-columns: 1fr 1fr; }
  .guide-tabs { grid-template-columns: 1fr 1fr; overflow: visible; }
  .guide-tabs button { min-width: 0; }
  .guide-panel h3 { font-size: 24px; }
  .trust-section { padding: 70px 20px; }
  .trust-list > div { grid-template-columns: 1fr; gap: 4px; }
  .faq-heading { text-align: left; }
  .faq-list summary { min-height: 70px; font-size: 15px; }
  .closing-cta { padding: 72px 20px; }
  .site-footer { grid-template-columns: 1fr 1fr; gap: 36px 24px; padding: 58px 20px 30px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-contact,
  .footer-legal { grid-column: 1 / -1; }
}

@media (max-width: 420px) {
  .site-header-actions .account-toggle { max-width: 72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .site-header-actions .account-name { display: none; }
}

@media (max-width: 380px) {
  .site-brand-frame { width: 126px; height: 30px; }
  .site-header-actions { gap: 6px; }
  .language-control select { min-height: 38px; max-width: 76px; padding-left: 8px; font-size: 11px; }
  .site-header-actions .account-toggle,
  .site-menu-toggle { min-height: 38px; padding: 0 10px; font-size: 12px; }
  .hero-radar-row { grid-template-columns: minmax(90px, 1.35fr) .5fr .5fr .68fr; }
  .hero-radar-price { font-size: 12px; }
  .calculator-demo-results { grid-template-columns: 1fr; }
  .calculator-demo-results .calculator-demo-primary { grid-column: auto; }
  .guide-tabs { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1fr; }
}

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

/* Bookmaker welcome-offer comparison */
.bonuses-page-main { background: var(--marketing-paper); }
.bonuses-page-main > section { scroll-margin-top: 82px; }
.bonuses-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: clamp(42px, 7vw, 96px);
  align-items: center;
  min-height: 520px;
  padding: 92px max(28px, calc((100vw - 1160px) / 2));
  background:
    radial-gradient(circle at 82% 18%, rgba(69, 169, 255, .16), transparent 34%),
    linear-gradient(135deg, #07131f, #0c2132 70%, #0b2832);
  color: #f4f8fb;
}
.bonuses-hero-copy { max-width: 760px; }
.bonuses-hero .eyebrow { color: #65b8ff; }
.bonuses-hero h1 { max-width: 760px; margin: 16px 0 24px; color: #fff; font-size: clamp(42px, 5vw, 72px); line-height: 1.02; letter-spacing: -.055em; }
.bonuses-hero-copy > p:not(.eyebrow) { max-width: 690px; margin: 0; color: #a9bbc9; font-size: clamp(16px, 1.5vw, 20px); }
.bonuses-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.bonuses-principles { padding: 28px; border: 1px solid #29465b; border-radius: 18px; background: rgba(9, 27, 41, .78); box-shadow: 0 24px 60px rgba(0, 0, 0, .18); }
.bonuses-principles strong { display: block; margin-bottom: 17px; color: #fff; font-size: 16px; }
.bonuses-principles ul { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.bonuses-principles li { position: relative; padding-left: 25px; color: #a9bbc9; }
.bonuses-principles li::before { position: absolute; top: .45em; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--marketing-mint); box-shadow: 0 0 0 4px rgba(69, 230, 176, .1); content: ""; }

.gambling-disclosure {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 24px;
  align-items: start;
  padding: 32px max(28px, calc((100vw - 1160px) / 2));
  border-top: 1px solid #4d391c;
  border-bottom: 1px solid #4d391c;
  background: #201a11;
  color: #f7e6bd;
}
.gambling-disclosure-mark { display: grid; width: 52px; height: 52px; place-items: center; border: 2px solid #f0bd55; border-radius: 50%; color: #ffd985; font-size: 16px; font-weight: 850; }
.gambling-disclosure h2 { margin: 0 0 8px; color: #fff7e8; font-size: 18px; }
.gambling-disclosure p { max-width: 800px; margin: 5px 0 0; color: #d8c79f; font-size: 13px; }
.gambling-disclosure-links { display: grid; gap: 8px; min-width: 190px; }
.gambling-disclosure a { color: #ffd985; font-size: 12px; font-weight: 750; }

.affiliate-disclosure {
  display: grid;
  grid-template-columns: minmax(220px, .45fr) minmax(0, 1.55fr);
  gap: 38px;
  padding: 42px max(28px, calc((100vw - 1160px) / 2));
  border-bottom: 1px solid var(--marketing-line);
  background: #fff;
}
.affiliate-disclosure .eyebrow { margin: 0 0 7px; color: #4f7793; }
.affiliate-disclosure h2 { margin: 0; color: #102334; font-size: 22px; }
.affiliate-disclosure > p { margin: 3px 0 0; color: #5f7284; font-size: 14px; }

.bonus-comparison { padding: 42px max(28px, calc((100vw - 1160px) / 2)) 96px; }
.bonus-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .65fr); gap: 40px; align-items: end; }
.bonus-section-heading .eyebrow { margin: 0 0 8px; color: #337cab; }
.bonus-section-heading h1,
.bonus-section-heading h2 { max-width: 760px; margin: 0; color: #102334; font-size: clamp(30px, 4vw, 42px); line-height: 1.08; letter-spacing: -.035em; }
.bonus-section-heading > p { margin: 0 0 5px; color: #657789; font-size: 14px; }
.bonus-scope-note { margin: 0; padding: 18px max(28px, calc((100vw - 1160px) / 2)); border-top: 1px solid #d5e0e7; border-bottom: 1px solid #d5e0e7; background: #eef4f7; color: #586f80; font-size: 12px; }
.bonus-filter-panel { margin: 22px 0 28px; overflow: hidden; border: 1px solid #d9e2e9; border-radius: 12px; background: #fff; }
.bonus-filter-panel > summary { display: flex; min-height: 44px; align-items: center; justify-content: space-between; padding: 0 16px; color: #29485f; font-size: 12px; font-weight: 800; cursor: pointer; list-style: none; }
.bonus-filter-panel > summary::-webkit-details-marker { display: none; }
.bonus-filter-panel > summary::after { color: #4a718d; content: "+"; font-size: 18px; }
.bonus-filter-panel[open] > summary::after { content: "–"; }

.bonus-filters {
  display: grid;
  grid-template-columns: minmax(170px, 1.1fr) repeat(3, minmax(140px, .8fr)) auto minmax(130px, auto);
  gap: 12px;
  align-items: end;
  margin: 36px 0 28px;
  padding: 18px;
  border: 1px solid #d9e2e9;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(17, 42, 62, .05);
}
.bonus-filter-panel .bonus-filters { margin: 0; border: 0; border-top: 1px solid #e2e9ee; border-radius: 0; box-shadow: none; }
.bonus-filters label { display: grid; gap: 6px; color: #526678; font-size: 11px; font-weight: 750; }
.bonus-filters input,
.bonus-filters select { width: 100%; min-height: 44px; border: 1px solid #c7d3dc; border-radius: 9px; background: #fff; color: #102334; padding: 0 12px; font: inherit; font-size: 13px; }
.bonus-filters input:focus,
.bonus-filters select:focus { outline: 3px solid rgba(69, 169, 255, .24); border-color: #3d8ed0; }
.bonus-filters button { min-height: 44px; border-color: #b9c9d5; background: #f4f7f9; color: #263b4c; }
.bonus-filters button:hover,
.bonus-filters button:focus-visible { border-color: #72a7cc; background: #eaf3fa; }
.bonus-results-status { display: flex; min-height: 44px; align-items: center; justify-content: flex-end; gap: 6px; margin: 0; color: #667a8a; font-size: 12px; white-space: nowrap; }
.bonus-results-status strong { color: #102334; font-size: 16px; }

.bonus-ranking-groups { display: grid; gap: 60px; }
.bonus-ranking-group { display: grid; gap: 20px; }
.bonus-ranking-group[hidden] { display: none !important; }
.bonus-ranking-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding-bottom: 14px; border-bottom: 1px solid #cfdbe3; }
.bonus-ranking-heading span { color: #337cab; font-size: 10px; font-weight: 850; letter-spacing: .09em; }
.bonus-ranking-heading h3 { margin: 4px 0 0; color: #102334; font-size: 26px; line-height: 1.15; }
.bonus-ranking-heading p { margin: 0; color: #657789; font-size: 12px; font-weight: 750; white-space: nowrap; }
.bonus-ranking-caveat { max-width: 820px; margin: -6px 0 0; color: #667a8a; font-size: 12px; }
.bonus-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.bonus-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid #d8e2e9; border-radius: 18px; background: #fff; box-shadow: 0 16px 44px rgba(18, 45, 65, .07); }
.bonus-card[data-rank="1"] { border-color: #8fcfbd; box-shadow: 0 18px 48px rgba(18, 92, 72, .12); }
.bonus-card[hidden],
.bonus-empty[hidden] { display: none !important; }
.bonus-card-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 13px; align-items: center; margin: 0; padding: 20px 22px 16px; border-bottom: 1px solid #e5ebef; }
.bonus-monogram { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid #21415a; border-radius: 11px; background: #0c1e2d; color: #7bff38; font-size: 13px; font-weight: 850; letter-spacing: .02em; }
.bonus-card-head p { margin: 0 0 2px; color: #6e8191; font-size: 10px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.bonus-card-head h3 { margin: 0; color: #122435; font-size: 20px; }
.bonus-source-state { max-width: 120px; padding: 5px 8px; border: 1px solid #bfe6d8; border-radius: 999px; background: #eefaf6; color: #197052; font-size: 9px; font-weight: 750; text-align: center; }
.bonus-score { display: grid; gap: 9px; padding: 16px 22px; border-bottom: 1px solid #dbe5eb; background: #f3f8f7; }
.bonus-score > div { display: flex; min-width: 0; align-items: baseline; gap: 9px; }
.bonus-score > div > span { color: #27644f; font-size: 10px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.bonus-score strong { margin-left: auto; color: #102f25; font-size: 25px; line-height: 1; }
.bonus-score strong small { color: #648277; font-size: 10px; }
.bonus-score em { color: #27644f; font-size: 10px; font-style: normal; font-weight: 850; }
.bonus-score meter { width: 100%; height: 8px; accent-color: #1da97f; }
.bonus-score > p { margin: 0; color: #486559; font-size: 11px; line-height: 1.45; }
.bonus-score details { border-top: 1px solid #d6e4df; }
.bonus-score summary { padding-top: 9px; color: #326654; font-size: 10px; font-weight: 800; cursor: pointer; }
.bonus-score details p { margin: 7px 0 0; color: #60766e; font-size: 10px; line-height: 1.55; }
.bonus-headline { display: grid; gap: 7px; padding: 21px 22px; background: #0d1d2b; color: #fff; }
.bonus-headline span { color: #88a0b2; font-size: 10px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.bonus-headline strong { max-width: 600px; font-size: 18px; line-height: 1.35; }
.bonus-facts { display: grid; margin: 0; padding: 0 22px; }
.bonus-facts > div { display: grid; grid-template-columns: minmax(125px, .48fr) minmax(0, 1.52fr); gap: 16px; padding: 14px 0; border-bottom: 1px solid #e5ebef; }
.bonus-facts dt { color: #405a6d; font-size: 11px; font-weight: 800; }
.bonus-facts dd { margin: 0; color: #5f7282; font-size: 12px; }
.bonus-conditions { margin: 0 22px; border-bottom: 1px solid #e5ebef; }
.bonus-conditions summary { display: flex; min-height: 48px; align-items: center; justify-content: space-between; color: #24465f; font-size: 12px; font-weight: 800; cursor: pointer; list-style: none; }
.bonus-conditions summary::-webkit-details-marker { display: none; }
.bonus-conditions summary::after { color: #4a718d; content: "+"; font-size: 18px; }
.bonus-conditions[open] summary::after { content: "–"; }
.bonus-conditions p { margin: -2px 0 16px; color: #667989; font-size: 12px; }
.bonus-card-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: auto; padding: 18px 22px 22px; }
.bonus-card-actions a { display: inline-flex; min-height: 40px; align-items: center; border: 1px solid #3a88c3; border-radius: 9px; color: #1262a1; padding: 0 12px; font-size: 11px; font-weight: 800; text-decoration: none; }
.bonus-card-actions a:hover,
.bonus-card-actions a:focus-visible { background: #edf7ff; }
.bonus-card-actions button { min-height: 40px; margin-left: auto; border-color: #d5dfe6; background: #f1f4f6; color: #82919c; padding: 0 12px; font-size: 10px; }
.bonus-card-actions button:disabled { cursor: not-allowed; opacity: 1; }
.bonus-empty { padding: 52px 20px; border: 1px dashed #b9c8d2; border-radius: 14px; background: #fff; color: #5e7281; text-align: center; }

.bonus-methodology { display: grid; grid-template-columns: minmax(250px, .6fr) minmax(0, 1.4fr); gap: 60px; padding: 86px max(28px, calc((100vw - 1160px) / 2)); background: #0b1a27; color: #f3f7fa; }
.bonus-methodology .eyebrow { color: #65b8ff; }
.bonus-methodology h2 { max-width: 380px; margin: 10px 0 0; font-size: clamp(28px, 3.5vw, 38px); line-height: 1.12; letter-spacing: -.03em; }
.bonus-methodology ol { display: grid; gap: 0; margin: 0; padding: 0; border-top: 1px solid #294050; list-style: none; }
.bonus-methodology li { display: grid; grid-template-columns: minmax(155px, .65fr) minmax(0, 1.35fr); gap: 22px; padding: 18px 0; border-bottom: 1px solid #294050; }
.bonus-methodology li strong { color: #f4f8fa; font-size: 13px; }
.bonus-methodology li span { color: #90a5b5; font-size: 13px; }
.bonus-methodology-note { grid-column: 2; margin: 2px 0 0; color: #708797; font-size: 11px; }

@media (max-width: 1040px) {
  .bonuses-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 72px; padding-bottom: 72px; }
  .bonuses-principles { max-width: 720px; }
  .gambling-disclosure { grid-template-columns: auto minmax(0, 1fr); }
  .gambling-disclosure-links { grid-column: 2; grid-template-columns: repeat(2, max-content); }
  .bonus-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bonus-results-status { justify-content: flex-start; }
}

@media (max-width: 760px) {
  .bonuses-hero { gap: 32px; padding: 58px 20px; }
  .bonuses-hero h1 { font-size: clamp(38px, 12vw, 58px); }
  .gambling-disclosure { grid-template-columns: 1fr; padding: 28px 20px; }
  .gambling-disclosure-links { grid-column: 1; grid-template-columns: 1fr; }
  .affiliate-disclosure,
  .bonus-section-heading,
  .bonus-methodology { grid-template-columns: 1fr; }
  .affiliate-disclosure { gap: 16px; padding: 34px 20px; }
  .bonus-comparison { padding: 30px 20px 72px; }
  .bonus-section-heading { gap: 18px; }
  .bonus-filters { grid-template-columns: 1fr; }
  .bonus-ranking-groups { gap: 48px; }
  .bonus-ranking-heading { align-items: start; flex-direction: column; gap: 6px; }
  .bonus-ranking-heading p { white-space: normal; }
  .bonus-card-grid { grid-template-columns: 1fr; }
  .bonus-methodology { gap: 34px; padding: 68px 20px; }
  .bonus-methodology-note { grid-column: 1; }
}

@media (max-width: 460px) {
  .bonuses-hero-actions { display: grid; }
  .bonuses-hero-actions .button { width: 100%; }
  .bonus-card-head { grid-template-columns: auto minmax(0, 1fr); }
  .bonus-source-state { grid-column: 1 / -1; max-width: none; justify-self: start; }
  .bonus-score > div { flex-wrap: wrap; }
  .bonus-score strong { margin-left: 0; }
  .bonus-score > div > span { flex: 1 1 100%; }
  .bonus-facts > div,
  .bonus-methodology li { grid-template-columns: 1fr; gap: 5px; }
  .bonus-card-actions { display: grid; }
  .bonus-card-actions a,
  .bonus-card-actions button { width: 100%; justify-content: center; margin-left: 0; }
}

/* v1.14.0 — minimal command-bar radar */
body.radar-app {
  --rail-width: 136px;
  min-width: 320px;
  overflow-x: hidden;
  background: #07131f;
  color: #edf4f8;
}

.radar-app .site-header {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 40;
  display: flex;
  width: var(--rail-width);
  min-height: 100vh;
  min-height: 100dvh;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  border-right: 1px solid #1d3444;
  background: #081722;
  box-shadow: none;
}

.radar-app .site-brand {
  display: flex;
  width: 100%;
  min-height: 72px;
  align-items: center;
  justify-content: center;
  padding: 14px 10px;
  border-bottom: 1px solid #1d3444;
}

.radar-app .site-brand-frame {
  width: 112px;
  height: auto;
  overflow: visible;
  border-radius: 0;
}

.radar-app .site-brand-logo {
  width: 100%;
  height: auto;
  object-fit: contain;
  mix-blend-mode: screen;
}

.radar-app .site-menu-toggle { display: none; }

.radar-app .site-navigation {
  position: static;
  display: flex;
  width: 100%;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  gap: 3px;
  overflow: visible;
  padding: 16px 9px 12px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.radar-app .site-nav-link {
  display: grid;
  width: 100%;
  min-height: 54px;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #91a5b4;
  font: inherit;
  font-size: 11px;
  font-weight: 690;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  box-shadow: none;
}

.radar-app .site-nav-button { cursor: pointer; }
.radar-app .site-nav-icon {
  display: inline-grid;
  width: 24px;
  height: 24px;
  place-items: center;
  color: #718898;
  font-family: "Tabler Icons";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.radar-app .ti-radar-2::before { content: "\f016"; }
.radar-app .ti-chart-line::before { content: "\ea5c"; }
.radar-app .ti-calculator::before { content: "\eb80"; }
.radar-app .ti-bell::before { content: "\ea35"; }
.radar-app .ti-gift::before { content: "\eb68"; }
.radar-app .ti-book::before { content: "\ea39"; }
.radar-app .ti-message-circle::before { content: "\eaed"; }
.guides-dialog .guide-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 0 0 14px;
  border-right: 0;
  border-bottom: 1px solid #263d4e;
}
.guides-dialog .guide-tabs button {
  min-width: 0;
  min-height: 40px;
  border: 1px solid #294457;
  border-radius: 6px;
  background: #0a1b27;
  color: #8da3b2;
  padding: 7px 9px;
  font-size: 10px;
  font-weight: 750;
  text-align: center;
  cursor: pointer;
}
.guides-dialog .guide-tabs button:hover,
.guides-dialog .guide-tabs button:focus-visible { border-color: #3b627d; background: #0d2230; color: #f0f6f9; }
.guides-dialog .guide-tabs button[aria-selected="true"] { border-color: #65b7e9; background: #10324a; color: #8bd5ff; box-shadow: inset 0 -2px 0 #58b9f3; }
.guides-dialog .guide-panel { min-height: 0; padding: 20px 2px 2px; color: #eef6fa; outline: 0; }
.guides-dialog .guide-panel-kicker { margin: 0 0 8px; color: #65b7e9; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.guides-dialog .guide-panel h3 { max-width: 620px; margin: 0; color: #f4f9fb; font-size: 21px; line-height: 1.2; letter-spacing: -.025em; }
.guides-dialog .guide-panel > p:not(.guide-panel-kicker) { max-width: 650px; margin: 12px 0 0; color: #9cafbc; font-size: 12px; line-height: 1.55; }
.guides-dialog .guide-panel ul { display: grid; gap: 7px; max-width: 640px; margin: 15px 0 0; padding-left: 18px; color: #cedbe2; font-size: 11px; line-height: 1.45; }
.radar-app .site-nav-link:hover,
.radar-app .site-nav-link:focus-visible { border-color: #294457; background: #0d202d; color: #f5f8fa; box-shadow: none; }
.radar-app .site-nav-link.is-active { border-color: #31516a; background: #0c1f2c; color: #9cff29; box-shadow: inset 2px 0 0 #9cff29; }
.radar-app .site-nav-link.is-active .site-nav-icon { color: #9cff29; }
.radar-app .site-nav-spacer { flex: 1 1 auto; min-height: 16px; }

.radar-app .account-mount { display: block; width: 100%; }
.radar-app .account-mount .account-toggle {
  width: 100% !important;
  min-height: 44px;
  justify-content: flex-start;
  overflow: hidden;
  border-color: #294457;
  border-radius: 6px;
  background: transparent;
  padding: 8px 9px;
  color: #dbe6ed;
  font-size: 11px;
  text-overflow: ellipsis;
}
.radar-app .account-mount .account-toggle::before {
  color: #718898;
  content: "\ef68";
  font-family: "Tabler Icons";
  font-size: 18px;
  font-weight: 400;
}
.radar-app .account-mount .account-name { max-width: 78px; }

.radar-app .site-navigation-language {
  display: grid;
  gap: 5px;
  margin-top: 8px;
  padding: 9px;
  color: #6f8594;
  font-size: 9px;
  font-weight: 700;
}
.radar-app .site-navigation-language select {
  width: 100%;
  min-height: 34px;
  border: 1px solid #294457;
  border-radius: 6px;
  background: #0b1b27;
  color: #dbe6ed;
  padding: 0 7px;
  font: inherit;
  font-size: 10px;
}

.radar-app .radar-app-main {
  width: auto;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0 0 0 var(--rail-width);
  padding: 0;
}

.radar-app .radar-section {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 12px;
  background: #07131f;
  color: #edf4f8;
}

.radar-app .radar-section-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.radar-app .radar-console {
  display: flex;
  min-height: calc(100vh - 24px);
  min-height: calc(100dvh - 24px);
  flex-direction: column;
  overflow: visible;
  border: 1px solid #1c3343;
  border-radius: 8px;
  background: #081722;
  padding: 0;
  box-shadow: none;
}

.radar-app .radar-header {
  display: grid;
  grid-template-columns: minmax(130px, .8fr) minmax(260px, 1.4fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 68px;
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid #1c3343;
}

.radar-app .radar-heading-copy { display: grid; gap: 3px; }
.radar-app .radar-heading-name { color: #f1f6f8; font-size: 20px; font-weight: 700; letter-spacing: -.03em; }
.radar-app .radar-heading-description { color: #91a9b9; font-size: 11px; }
.radar-app .command-search { display: block; grid-column: auto; }
.radar-app .radar-header .brand-block { display: flex; align-items: center; gap: 12px; }
.radar-shark-connection { display: grid; justify-items: end; gap: 5px; }
.radar-shark-connection[hidden] { display: none !important; }
.radar-shark-connect { min-height: 36px; padding: 8px 12px; border: 1px solid #588544; border-radius: 7px; background: #213b2c; color: #d4edb4; font: inherit; font-size: 12px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.radar-shark-connect[data-connected="true"] { border-color: #2b5c56; background: #102f32; color: #8debd1; }
.radar-shark-connect:disabled { opacity: .65; cursor: wait; }
.radar-shark-connect:focus-visible { outline: 2px solid #b4ec53; outline-offset: 3px; }
.radar-shark-status { max-width: 230px; color: #b6c9cf; text-align: right; font-size: 11px; line-height: 1.4; }
.radar-shark-status:empty { display: none; }

/* The fixture view keeps its own selection without changing Radar filters. */
.radar-view-switch { display: flex; gap: 6px; padding: 10px 16px; border-bottom: 1px solid #1b3342; }
.radar-view-switch > button { display: inline-flex; align-items: center; gap: 9px; min-height: 38px; padding: 8px 14px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #8da4b5; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.radar-view-switch > button[aria-pressed="true"] { border-color: #2b5c56; background: #102f32; color: #8debd1; }
.radar-view-switch > button:hover { color: #dff5f4; }
.radar-view-switch .view-new { color: #a9dc50; font-size: 8px; letter-spacing: .09em; }
.radar-app.is-fixtures-view .filters, .radar-app.is-fixtures-view #radarResults, .radar-app.is-fixtures-view #bonusRadar,
.radar-app.is-fixtures-view .radar-statusbar, .radar-app.is-fixtures-view #dataDelayNotice { display: none !important; }
.radar-app.is-fixtures-view .command-search { visibility: hidden; }
.daily-fixtures { padding: 22px; }
.daily-fixtures[hidden], .daily-fixtures [hidden] { display: none !important; }
.fixtures-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 20px; }
.fixtures-kicker { margin: 0 0 6px; color: #7fb9ae; font-size: 9px; font-weight: 800; letter-spacing: .15em; }
.fixtures-header h2 { margin: 0; color: #e7f2f7; font-size: 22px; font-weight: 720; letter-spacing: -.035em; }
.fixtures-date { margin: 6px 0 0; color: #7e97a9; font-size: 11px; }
.shark-wallet-notice { margin: 0 20px 12px; border: 1px solid #29434b; border-radius: 10px; background: #10242c; color: #b6c9cf; font-size: 12px; line-height: 1.6; }
.shark-wallet-notice summary { padding: 10px 14px; cursor: pointer; color: #d4edb4; font-weight: 600; }
.shark-wallet-notice summary:focus-visible { outline: 2px solid #b4ec53; outline-offset: 2px; border-radius: 10px; }
.shark-wallet-notice p { margin: 0; padding: 0 14px 12px; max-width: 860px; }
@media (max-width: 600px) { .shark-wallet-notice { margin: 0 10px 10px; } }
.fixtures-info { position: relative; flex: 0 0 auto; }
.fixtures-info summary { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid #31505f; border-radius: 50%; color: #91aebc; font-family: Georgia, serif; font-size: 15px; cursor: pointer; list-style: none; }
.fixtures-info summary::-webkit-details-marker { display: none; }
.fixtures-info p { position: absolute; z-index: 5; right: 0; top: 26px; width: min(320px, 78vw); margin: 8px 0 0; padding: 15px; border: 1px solid #31505f; border-radius: 8px; box-shadow: 0 10px 35px #0006; background: #102633; color: #aec3cf; font-size: 12px; line-height: 1.6; }
.fixtures-controls { display: grid; grid-template-columns: minmax(160px, 230px) minmax(200px, 1fr) auto; align-items: end; gap: 14px; margin-bottom: 17px; }
.fixtures-controls label, .fixture-market-label { display: grid; gap: 6px; color: #87a1b3; font-size: 10px; }
.fixtures-controls select, .fixtures-controls input, .fixture-market-label select { width: 100%; min-height: 39px; border: 1px solid #294553; border-radius: 7px; padding: 9px 12px; background: #091c29; color: #d6e5ed; font: inherit; font-size: 12px; }
.fixtures-controls input::placeholder { color: #637f92; }
.fixtures-update { display: grid; gap: 7px; padding-bottom: 6px; text-align: right; color: #8ca9b8; font-size: 10px; white-space: nowrap; }
.fixtures-update > span { color: #d3e6e8; font-weight: 700; }
.fixtures-status { margin: 0 0 16px; padding: 13px 15px; border: 1px solid #2a4656; border-radius: 7px; background: #0c2230; color: #9bb8c7; font-size: 12px; line-height: 1.6; }
.fixtures-sign-in { padding: 10px 20px; border: 1px solid #367461; border-radius: 7px; background: #133f34; color: #91efd0; cursor: pointer; font: inherit; }
.fixtures-layout { display: grid; grid-template-columns: minmax(230px, .8fr) minmax(0, 1.8fr); gap: 20px; align-items: start; }
.fixtures-list { display: grid; gap: 9px; max-height: max(450px, calc(100dvh - 285px)); overflow-y: auto; padding: 1px 7px 1px 1px; scrollbar-width: thin; scrollbar-color: #325566 transparent; }
.fixture-event { display: grid; gap: 13px; width: 100%; min-width: 0; padding: 15px; border: 1px solid #203d4d; border-radius: 8px; background: #0a1f2c; color: #c8dce7; cursor: pointer; font: inherit; text-align: left; }
.fixture-event:hover { background: #102937; border-color: #42616e; }
.fixture-event[aria-pressed="true"] { border-color: #55a995; background: #102e33; box-shadow: inset 3px 0 0 #73d6b6; }
.fixture-event-meta, .fixture-event-foot { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 10px; }
.fixture-event-meta > time { color: #7edfc5; font-variant-numeric: tabular-nums; font-weight: 800; font-size: 12px; }
.fixture-event-league { overflow-wrap: anywhere; color: #93afbd; }
.fixture-event-name { color: #e1edf3; font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
.fixture-event-foot { flex-wrap: wrap; color: #728f9f; font-size: 9px; }
.fixture-event-action { margin-left: auto; color: #a3c6ce; }
.fixture-live { color: #70dbb0; }
.fixture-stale-label { color: #d6b174; }
.fixture-comparison { min-width: 0; padding: 22px; border: 1px solid #213e4e; border-radius: 9px; background: #0b1d2a; }
.fixtures-empty { padding: 40px 15px; color: #8ba6b6; text-align: center; }
.fixture-detail-head { padding-bottom: 19px; border-bottom: 1px solid #203a4a; margin-bottom: 17px; }
.fixture-detail-head > p { margin: 0 0 7px; color: #8eafc0; font-size: 11px; }
.fixture-detail-head h3 { margin: 0 0 9px; color: #e6f3f7; font-size: 21px; line-height: 1.45; letter-spacing: -.03em; overflow-wrap: anywhere; }
.fixture-detail-head > time { color: #7ca2b5; font-size: 11px; }
.fixture-market-label { max-width: 350px; }
.fixture-selections { display: flex; flex-wrap: wrap; gap: 6px; margin: 15px 0 18px; }
.fixture-selection { max-width: 100%; min-height: 34px; border: 1px solid #294655; border-radius: 6px; background: #0a1b26; padding: 7px 11px; color: #a2bccb; font: inherit; font-size: 11px; overflow-wrap: anywhere; cursor: pointer; }
.fixture-selection[aria-pressed="true"] { border-color: #547b92; background: #193b50; color: #e1f3ff; }
.fixture-table-scroll { max-width: 100%; overflow-x: auto; scrollbar-width: thin; }
.fixture-odds-table { display: table; width: 100%; min-width: 260px; border-collapse: collapse; table-layout: auto; font-size: 11px; }
.fixture-odds-table thead { display: table-header-group; }
.fixture-odds-table tbody { display: table-row-group; }
.fixture-odds-table tr { display: table-row; border: 0; border-radius: 0; background: transparent; }
.fixture-odds-table th, .fixture-odds-table td { display: table-cell; vertical-align: middle; }
.fixture-odds-table td::before { display: none; }
.fixture-odds-table thead th { border-bottom: 1px solid #2a4554; padding: 10px 8px; color: #8da9b9; text-align: center; font-size: 10px; font-weight: 650; }
.fixture-odds-table thead th:first-child { text-align: left; }
.fixture-odds-table tbody th, .fixture-odds-table tbody td { border-bottom: 1px solid #1e3544; padding: 8px 7px; text-align: center; }
.fixture-odds-table tbody th { width: 32%; min-width: 90px; color: #bbd0dc; text-align: left; font-weight: 500; }
.fixture-source-identity { display: flex; align-items: center; gap: 10px; text-transform: none; }
.fixture-source-identity .fixture-source-logo { display: flex; flex: 0 0 auto; width: 64px; height: 30px; margin: 0; }
.fixture-source-identity > span:last-child { font-size: 10px; }
.fixture-price { display: inline-grid; gap: 4px; min-width: 78px; padding: 6px 9px; border: 1px solid #244c65; border-radius: 7px; background: #102e44; color: #72bffa; font: inherit; cursor: pointer; }
.fixture-price > strong { font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; }
.fixture-price > small { color: #839eaf; font-size: 9px; }
.fixture-price.fixture-lay { border-color: #503c52; background: #302437; color: #f0a1cb; }
.fixture-price[aria-pressed="true"] { outline: 1px solid #abcddd; outline-offset: 2px; }
.fixture-price-stale { opacity: .63; }
.fixture-price-stale > small { color: #d6b174; }
.fixture-price:disabled { cursor: default; background: transparent; color: #9c9ba0; border-color: #45414a; }
.fixture-missing { color: #4e697b; }
.fixture-tax { display: block; margin-top: 6px; color: #a5a599; font-size: 9px; }
.fixture-note { margin: 12px 0 22px; color: #7896a7; font-size: 10px; line-height: 1.7; }
.fixture-history { border-top: 1px solid #203a4a; padding-top: 18px; }
.fixture-history > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.fixture-history h4 { margin: 0 0 7px; color: #cfe3ed; font-size: 12px; font-weight: 700; }
.fixture-history header p { margin: 0; color: #7e9bac; font-size: 10px; overflow-wrap: anywhere; }
.fixture-history-ranges { display: flex; gap: 4px; flex: 0 0 auto; }
.fixture-history-ranges button { padding: 6px 9px; border: 1px solid #284353; border-radius: 5px; background: #0c202d; color: #8fabbc; font: inherit; font-size: 10px; cursor: pointer; }
.fixture-history-ranges button[aria-pressed="true"] { border-color: #45788c; background: #163947; color: #bce7ec; }
#fixtureHistoryStatus { margin: 25px 0; color: #7f9cad; font-size: 11px; line-height: 1.6; }
#fixtureHistoryChart { display: block; width: 100%; height: 220px; margin-top: 17px; }
.fixture-history-summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding-top: 10px; color: #7594a6; font-size: 10px; }
.fixture-history-summary > strong { color: #b8dce9; font-size: 13px; }
.daily-fixtures button:focus-visible, .radar-view-switch button:focus-visible, .daily-fixtures input:focus-visible, .daily-fixtures select:focus-visible, .fixtures-info summary:focus-visible { outline: 2px solid #77d5ed; outline-offset: 3px; }
@media (min-width: 1600px) { .fixtures-layout { grid-template-columns: minmax(300px, .65fr) minmax(0, 1.8fr); } }
@media (max-width: 900px) {
  .daily-fixtures { padding: 16px; }
  .fixtures-layout { grid-template-columns: 1fr; gap: 16px; }
  .fixtures-list { display: flex; overflow-x: auto; overflow-y: hidden; max-height: none; padding-bottom: 10px; scroll-snap-type: x proximity; }
  .fixture-event { flex: 0 0 min(280px, 77vw); scroll-snap-align: start; }
  .fixtures-controls { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); }
  .fixtures-update { grid-column: 1 / -1; display: flex; justify-content: space-between; }
  .fixture-comparison { padding: 17px; }
}
@media (max-width: 480px) {
  .radar-view-switch { padding: 9px 10px; }
  .radar-view-switch > button { padding: 8px 10px; font-size: 11px; }
  .daily-fixtures { padding: 12px; }
  .fixtures-header { margin-bottom: 16px; }
  .fixtures-header h2 { font-size: 20px; }
  .fixtures-controls { gap: 10px; }
  .fixture-comparison { padding: 12px; }
  .fixture-detail-head h3 { font-size: 18px; }
  .fixture-odds-table tbody th, .fixture-odds-table tbody td { padding: 10px 4px; }
  .fixture-price { min-width: 65px; padding: 8px 6px; }
  .fixture-price > strong { font-size: 13px; }
  .fixture-odds-table tbody th { min-width: 72px; }
  .fixture-source-identity .fixture-source-logo { width: 57px; }
  .fixture-source-identity { flex-direction: column; align-items: flex-start; gap: 3px; }
  .fixture-source-identity > span:last-child { font-size: 8px; }
  .fixture-detail-head { display: block; }
}
.radar-app .command-search input[type="search"] {
  width: 100%;
  min-height: 40px;
  border: 1px solid #294457;
  border-radius: 6px;
  background: #091a26;
  color: #f2f6f8;
  padding: 0 16px;
  font: inherit;
  font-size: 13px;
}
.radar-app .command-search input[type="search"]::placeholder { color: #788d9c; opacity: 1; }
.radar-app .command-search input[type="search"]:focus { outline: 2px solid #4aa9ff; outline-offset: 1px; border-color: #4aa9ff; }

.radar-app .brand-block { display: flex; align-items: center; gap: 12px; }
.radar-app .brand-heading { order: 2; }
.radar-app .status { margin: 0; white-space: nowrap; font-size: 10px; }
.radar-app .dot { width: 7px; height: 7px; box-shadow: none; }
.radar-app .product-version { border-radius: 5px; padding: 5px 7px; font-size: 9px; }

.radar-app .data-delay-notice {
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #5e4925;
  border-radius: 0;
  background: #211b12;
  color: #e2bf77;
  font-size: 10px;
}

/* Radar controls: a compact overview with independent, collapsible detail. */
.radar-app .filters { display: block; margin: 0; padding: 0 16px; border: 0; border-bottom: 1px solid #213747; border-radius: 0; background: #0b1b28; }
.radar-app .filter-toolbar { display: flex; align-items: center; gap: 10px; min-height: 54px; padding: 8px 0; }
.radar-app .filter-toolbar .stake-balance-field { flex: 0 0 auto; width: 148px; grid-template-rows: auto 38px; gap: 3px; font-size: 10px; }
.radar-app .filter-panel-toggle { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 8px; min-height: 36px; padding: 7px 10px; border: 1px solid #314b5d; border-radius: 7px; background: #102330; font-size: 12px; font-weight: 650; }
.radar-app .filter-panel-toggle[aria-expanded="true"] { border-color: #54722d; color: var(--mint); }
.radar-app .filter-tool-icon { width: 12px; height: 10px; border-top: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; }
.radar-app .filter-count { min-width: 18px; border-radius: 4px; padding: 1px 4px; background: #1c3526; color: #c8f787; text-align: center; font-size: 10px; }
.radar-app .filter-chevron { width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin: -3px 2px 0 3px; }
.radar-app .filter-panel-toggle[aria-expanded="true"] .filter-chevron { transform: rotate(225deg); margin-top: 3px; }
.radar-app .active-filter-chips { display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: 6px; min-width: 0; }
.radar-app .filter-chip { display: inline-flex; align-items: center; gap: 0; min-width: 0; max-width: 250px; min-height: 36px; padding: 0; border: 1px solid #2e4b61; border-radius: 6px; background: #122c3c; color: #b9d9ee; font-size: 11px; font-weight: 500; }
.radar-app .filter-chip > button { align-self: stretch; border: 0; border-radius: 5px; background: transparent; color: inherit; font: inherit; min-height: 36px; }
.radar-app .filter-chip-label { flex: 1; min-width: 0; padding: 7px 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.radar-app .filter-chip > .filter-chip-remove { flex: 0 0 36px; width: 36px; padding: 0; color: #8ba8bc; font-size: 16px; line-height: 1; }
.radar-app .filter-chip > button:hover { background: #1a3b4f; }
.radar-app .filter-chip:hover { border-color: #69bdf6; background: #1a3b4f; }
.radar-app .filter-reset { flex: 0 0 auto; min-height: 34px; border: 0; padding: 6px 8px; color: #adc0cd; font-size: 11px; }
.radar-app .filter-reset:hover { color: #fff; background: #152c3b; }
.radar-app .filter-panel { margin-bottom: 12px; padding: 12px; border: 1px solid #223b4d; border-radius: 8px; background: #0d202e; }
.radar-app .filter-panel[hidden], .radar-app .filter-count[hidden] { display: none; }
.radar-app .filter-groups { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(260px, 1.65fr) minmax(140px, .9fr) minmax(210px, 1.25fr); gap: 12px; }
.radar-app .filter-group { display: flex; min-width: 0; flex-direction: column; gap: 8px; }
.radar-app .filter-group h2 { margin: 0; color: #c0d0da; font-size: 10px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
.radar-app .filter-group-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.radar-app .filter-group-sources > .filter-field,
.radar-app .filter-group-markets > .filter-field { margin-top: auto; }
.radar-app .filter-group .filter-field,
.radar-app .filter-group label,
.radar-app .filter-secondary-fields > label { min-width: 0; gap: 5px; color: #93abba; font-size: 10px; }
.radar-app .filters select,
.radar-app .filters input[type="number"],
.radar-app .multi-filter summary { width: 100%; min-height: 38px; border: 1px solid #304b5e; border-radius: 6px; background: #091a27; padding: 8px 10px; color: #e4edf3; font-size: 12px; }
.radar-app .filters select:focus-visible,
.radar-app .filters input:focus-visible,
.radar-app .filters summary:focus-visible,
.radar-app .filters button:focus-visible { outline: 2px solid #71bffa; outline-offset: 2px; }
.radar-app .multi-filter summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; list-style: none; }
.radar-app .multi-filter summary::-webkit-details-marker { display: none; }
.radar-app .multi-filter summary::after { content: ""; flex: 0 0 auto; width: 6px; height: 6px; border-right: 1.5px solid #93abba; border-bottom: 1.5px solid #93abba; transform: rotate(45deg); margin: -3px 2px 0 0; }
.radar-app .multi-filter details[open] > summary { border-color: #71bffa; }
.radar-app .multi-filter details[open] > summary::after { transform: rotate(225deg); margin-top: 3px; }
.radar-app .multi-filter .selection-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.radar-app .multi-options { border: 1px solid #3b5c73; border-radius: 8px; background: #102330; padding: 7px; box-shadow: 0 16px 36px #0006; }
.radar-app .multi-option { min-height: 38px; align-items: center; padding: 7px 8px; border-radius: 5px; font-size: 12px; }
.radar-app .filter-secondary-fields { position: static; display: grid; width: 100%; grid-template-columns: minmax(140px, .8fr) minmax(230px, 1.5fr) minmax(130px, .8fr) minmax(150px, 1fr); align-items: end; gap: 16px; margin-top: 16px; }
.radar-app .odds-range { min-width: 0; margin: 0; padding: 0; border: 0; }
.radar-app .odds-range legend { margin-bottom: 6px; color: #c0d0da; font-size: 11px; }
.radar-app .odds-range > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.radar-app .odds-range label { gap: 4px; color: #93abba; font-size: 10px; }
.radar-app .filter-secondary-fields .check { display: flex; align-items: center; min-height: 38px; gap: 8px; margin: 0; font-size: 11px; }
.radar-app .filters .check input { width: 17px; min-height: 17px; }
.source-logo { display: inline-flex; flex: 0 0 74px; width: 74px; height: 34px; align-items: center; justify-content: center; padding: 4px 5px; border: 1px solid #294153; border-radius: 6px; background: #0b1723; }
.source-logo[hidden] { display: none; }
.source-logo img { display: block; width: 100%; height: 24px; object-fit: contain; }
.source-logo[data-source="fortuna"] { background: #ffdf00; border-color: #d4bd19; }
.source-logo[data-source="fuksiarz"] { background: #f5f5f5; border-color: #c8d0d6; }
.source-logo[data-source="sharpxch"] img { width: 26px; height: 26px; }
.source-option-logo { flex-basis: 58px; width: 58px; height: 30px; }
.source-option-logo img { max-height: 22px; }

@media (max-width: 1200px) {
  .radar-app .filter-groups { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); }
}
@media (max-width: 900px) {
  .radar-app .filters { padding: 0 12px; }
  .radar-app .filter-toolbar { flex-wrap: wrap; gap: 8px; }
  .radar-app .active-filter-chips { order: 3; flex-basis: 100%; }
  .radar-app .active-filter-chips:empty { display: none; }
  .radar-app .filter-toolbar:has(.filter-panel-toggle[aria-expanded="false"]) .active-filter-chips,
  .radar-app .filter-toolbar:has(.filter-panel-toggle[aria-expanded="false"]) .filter-reset { display: none; }
  .radar-app .filter-reset { margin-left: auto; }
  .radar-app .filter-panel-toggle, .radar-app .filter-reset { min-height: 40px; }
  .radar-app .filter-chip, .radar-app .filter-chip > button { min-height: 44px; }
  .radar-app .filter-chip > .filter-chip-remove { flex-basis: 44px; width: 44px; }
  .radar-app .filter-secondary-fields { grid-template-columns: 1fr 1fr; gap: 12px; }
  .radar-app .multi-options { max-width: calc(100vw - 52px); }
  .radar-app .filters select, .radar-app .filters input[type="number"], .radar-app .multi-filter summary { min-height: 42px; font-size: 13px; }
}
@media (max-width: 540px) {
  .radar-app .filter-groups { grid-template-columns: 1fr; gap: 8px; }
  .radar-app .filter-panel { padding: 10px; }
  .radar-app .filter-secondary-fields { grid-template-columns: minmax(0, 1fr); }
  .radar-app .filters input[type="number"] { font-size: 16px; }
}

.radar-app .bonus-radar {
  display: grid;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #294457;
  background: #0a1b27;
}
.radar-app .bonus-radar[hidden] { display: none !important; }
.radar-app .bonus-radar-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.radar-app .bonus-radar-head > div { min-width: 0; }
.radar-app .bonus-radar-kicker { margin: 0 0 3px; color: #58dcb5; font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.radar-app .bonus-radar-head h2 { margin: 0; color: #f1f6f9; font-size: 17px; letter-spacing: -.02em; }
.radar-app .bonus-radar-head p:not(.bonus-radar-kicker) { max-width: 780px; margin: 4px 0 0; color: #91a5b4; font-size: 10px; }
.radar-app .bonus-radar-head button {
  min-height: 32px;
  flex: 0 0 auto;
  border: 1px solid #31516a;
  border-radius: 5px;
  background: transparent;
  color: #cbd8df;
  padding: 5px 9px;
  font-size: 9px;
}
.radar-app .bonus-radar-controls { display: grid; grid-template-columns: 190px 190px minmax(260px, 1fr); gap: 10px; align-items: end; }
.radar-app .bonus-radar-controls > label { display: grid; gap: 4px; color: #8ca1b0; font-size: 9px; font-weight: 700; }
.radar-app .bonus-radar-controls input {
  width: 100%;
  min-height: 38px;
  border: 1px solid #31516a;
  border-radius: 6px;
  background: #081722;
  color: #edf4f7;
  padding: 8px 10px;
  font: inherit;
  font-size: 11px;
}
.radar-app .bonus-radar-controls input:focus { outline: 2px solid #4aa9ff; outline-offset: 1px; }
.radar-app .bonus-radar-summary { display: grid; grid-template-columns: repeat(2, minmax(110px, 1fr)); margin: 0; border: 1px solid #263f50; border-radius: 6px; }
.radar-app .bonus-radar-summary > div { display: grid; gap: 2px; min-height: 54px; align-content: center; padding: 7px 11px; }
.radar-app .bonus-radar-summary > div + div { border-left: 1px solid #263f50; }
.radar-app .bonus-radar-summary dt { color: #7890a1; font-size: 8px; text-transform: uppercase; }
.radar-app .bonus-radar-summary dd { margin: 0; color: #e7f0f4; font-size: 14px; font-weight: 800; }
.radar-app .bonus-radar-status { min-height: 14px; margin: 0; color: #d9b968; font-size: 9px; }
.radar-app .bonus-radar-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.radar-app .bonus-plan { min-width: 0; border: 1px solid #294457; border-radius: 7px; background: #081722; }
.radar-app .bonus-plan-head { display: flex; align-items: start; justify-content: space-between; gap: 12px; padding: 10px 11px; border-bottom: 1px solid #1d3444; }
.radar-app .bonus-plan-head span { color: #7e95a5; font-size: 8px; font-weight: 750; text-transform: uppercase; }
.radar-app .bonus-plan-head strong { display: block; margin-top: 2px; color: #f1f6f9; font-size: 14px; }
.radar-app .bonus-plan-head strong.positive { color: #50e3b7; }
.radar-app .bonus-plan-head strong.negative { color: #ff8d9e; }
.radar-app .bonus-plan-head small { color: #8da2b1; font-size: 8px; text-align: right; }
.radar-app .bonus-plan-legs { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.radar-app .bonus-plan-leg { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 9px 11px; border-bottom: 1px solid #182d3b; }
.radar-app .bonus-plan-step { display: grid; width: 20px; height: 20px; place-items: center; border: 1px solid #31516a; border-radius: 50%; color: #7fc8ff; font-size: 8px; font-weight: 850; }
.radar-app .bonus-plan-event { min-width: 0; }
.radar-app .bonus-plan-event strong { display: block; overflow: hidden; color: #e7eef2; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.radar-app .bonus-plan-event span { display: block; margin-top: 2px; overflow: hidden; color: #8197a6; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.radar-app .bonus-plan-prices { color: #dce7ec; font-size: 9px; text-align: right; white-space: nowrap; }
.radar-app .bonus-plan-prices span { display: block; color: #7e96a6; font-size: 8px; }
.radar-app .bonus-plan-metrics { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; }
.radar-app .bonus-plan-metrics > div { min-width: 0; padding: 9px 11px; }
.radar-app .bonus-plan-metrics > div + div { border-left: 1px solid #1d3444; }
.radar-app .bonus-plan-metrics dt { color: #718999; font-size: 7px; text-transform: uppercase; }
.radar-app .bonus-plan-metrics dd { margin: 2px 0 0; overflow: hidden; color: #dfe9ee; font-size: 10px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.radar-app .bonus-plan-note { margin: 0; padding: 0 11px 10px; color: #79909f; font-size: 8px; }
.radar-app .bonus-plan-warning { color: #d9b968; }
.radar-app .bonus-radar-foot { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 2px; }
.radar-app .bonus-radar-foot p { max-width: 920px; margin: 0; color: #768d9d; font-size: 8px; }
.radar-app .bonus-radar-foot a { flex: 0 0 auto; color: #68bfff; font-size: 9px; font-weight: 750; text-decoration: none; }
.radar-app .bonus-radar-foot a:hover,
.radar-app .bonus-radar-foot a:focus-visible { text-decoration: underline; }
.bonus-card-actions .bonus-radar-link { border-color: #167cc2; background: #167cc2; color: #fff; }
.bonus-card-actions .bonus-radar-link:hover,
.bonus-card-actions .bonus-radar-link:focus-visible { border-color: #0f68a5; background: #0f68a5; color: #fff; }

.radar-app .results { flex: 1 1 auto; min-height: 0; }
.radar-app .results[hidden] { display: none !important; }
.radar-app .results-layout,
.radar-app .results-layout.detail-open { display: block; min-height: 0; }
.radar-app .results-primary { min-width: 0; }
.radar-app .table-shell {
  max-height: calc(100vh - 226px);
  max-height: calc(100dvh - 226px);
  overflow: auto;
  border: 0;
  border-radius: 0;
  background: #081722;
}
.radar-app .table-shell table { width: calc(100% - 1px); min-width: 1020px; border-collapse: collapse; }
.radar-app .table-shell .start { min-width: 90px; }
.radar-app .table-shell .event { min-width: 160px; max-width: 240px; }
.radar-app .table-shell .context { min-width: 108px; max-width: 145px; }
.radar-app .compact-event-context { display: none; }
.radar-app .table-shell .profit-loss { min-width: 70px; }
.radar-app .table-shell .available-cell { min-width: 76px; }
.radar-app .table-shell th.sortable { padding: 0; }
.radar-app .table-shell .sort-header { padding: 10px 8px; white-space: normal; }
.radar-app .table-shell thead { position: sticky; top: 0; z-index: 4; background: #091824; }
.radar-app .table-shell th {
  height: 42px;
  padding: 8px 10px;
  border-bottom: 1px solid #263c4b;
  color: #8298a8;
  font-size: 9px;
  letter-spacing: .07em;
}
.radar-app .table-shell td {
  height: 62px;
  padding: 8px 10px;
  border-bottom: 1px solid #1b3040;
  color: #e9f0f4;
  font-size: 11px;
}
.radar-app .table-shell tbody tr { background: transparent; }
.radar-app .table-shell tbody tr:hover { background: #0d2230; }
.radar-app .table-shell tbody tr.is-selected { background: #102b3c; box-shadow: inset 3px 0 0 #4aa9ff; }
.radar-app .table-shell th:nth-child(8),
.radar-app .table-shell td:nth-child(8) { display: table-cell; }
.radar-app .table-shell .event-line { font-size: 12px; }
.radar-app .table-shell .meta { font-size: 9px; }
.radar-app .table-shell .odds-price,
.radar-app .table-shell .lay-price { font-size: 17px; font-weight: 750; }
.radar-app .table-shell .odds-price { color: #65b7ff; }
.radar-app .table-shell .lay-price { color: #fa7ab5; }
.radar-app .table-shell .odds-quote { gap: 10px; }
.radar-app .table-shell .odds-quote.has-source-logo { display: inline-grid; grid-template-columns: 74px max-content; grid-template-rows: 21px 13px; column-gap: 10px; row-gap: 0; }
.radar-app .table-shell .has-source-logo .source-logo { grid-column: 1; grid-row: 1 / 3; }
.radar-app .table-shell .has-source-logo .odds-price,
.radar-app .table-shell .has-source-logo .lay-price { grid-column: 2; grid-row: 1; line-height: 21px; }
.radar-app .table-shell .has-source-logo .odds-price-pair { grid-column: 2; grid-row: 1; }
.radar-app .table-shell .has-source-logo .odds-age { grid-column: 2; grid-row: 2; justify-self: start; min-height: 0; height: 13px; border: 0; padding: 0; background: transparent; font-size: 8px; line-height: 13px; }
.radar-app .table-shell .odds-destination-meta { margin-top: 4px; }
.radar-app .table-shell .odds-destination-meta,
.radar-app .table-shell .odds > .meta { max-width: 175px; white-space: normal; overflow-wrap: anywhere; }
.radar-app .table-shell .odds-age { font-size: 9px; }
.radar-app .table-shell .roi-badge { min-width: 62px; border-radius: 5px; font-size: 12px; }
.radar-app .table-shell .detail-row-button { min-height: 28px; border-radius: 5px; padding: 4px 7px; font-size: 9px; }
.radar-app .table-shell .calc-row-button { min-height: 28px; border-radius: 5px; }
.radar-app .empty { min-height: 240px; border: 0; border-radius: 0; background: #081722; }

.radar-app .radar-statusbar {
  position: sticky;
  bottom: 0;
  z-index: 8;
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 8px 12px;
  border-top: 1px solid #243b4b;
  background: rgba(7, 19, 31, .97);
}
.radar-app .radar-statusbar .summary {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
}
.radar-app .radar-statusbar .summary > div {
  display: flex;
  min-height: 0;
  align-items: baseline;
  gap: 6px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}
.radar-app .radar-statusbar .summary span { font-size: 9px; }
.radar-app .radar-statusbar .summary strong { color: #9cff29; font-size: 13px; }
.radar-app .radar-statusbar .summary time { min-height: 0; color: #718898; font-size: 9px; text-align: left; }
.radar-app .radar-statusbar .header-actions { gap: 7px; }
.radar-app .radar-statusbar .header-actions > button,
.radar-app .radar-statusbar .header-actions > .stake-balance-field { height: 38px; }
.radar-app .radar-statusbar .stake-balance-field {
  display: flex;
  width: 190px;
  align-items: center;
  gap: 8px;
  font-size: 9px;
}
.radar-app .radar-statusbar .stake-balance-input { min-height: 36px; border-radius: 6px; }
.radar-app .radar-statusbar .calculator-button { display: none; }
.radar-app .radar-statusbar .telegram,
.radar-app .radar-statusbar .browser-alerts { min-width: 134px; min-height: 36px; border-radius: 6px; padding: 5px 9px; font-size: 10px; }
.radar-app .radar-statusbar .telegram small,
.radar-app .radar-statusbar .browser-alerts small { font-size: 8px; }

@media (min-width: 901px) {
  .radar-app .results-layout.detail-open th:nth-child(3),
  .radar-app .results-layout.detail-open td:nth-child(3),
  .radar-app .results-layout.detail-open th:nth-child(4),
  .radar-app .results-layout.detail-open td:nth-child(4),
  .radar-app .results-layout.detail-open th:nth-child(7),
  .radar-app .results-layout.detail-open td:nth-child(7),
  .radar-app .results-layout.detail-open th:nth-child(10),
  .radar-app .results-layout.detail-open td:nth-child(10),
  .radar-app .results-layout.detail-open th:nth-child(11),
  .radar-app .results-layout.detail-open td:nth-child(11) { display: table-cell; }
  .radar-app .results-layout.detail-open th:nth-child(8),
  .radar-app .results-layout.detail-open td:nth-child(8) { display: table-cell; }
  .radar-app .opportunity-inline-row > td { height: auto; padding: 0 !important; border-bottom: 1px solid #294457; }
  .radar-app .opportunity-inline-row:hover { background: transparent !important; }
  .radar-app .opportunity-inline-row .opportunity-detail {
    position: static;
    display: grid;
    width: 100%;
    height: auto !important;
    min-height: 0;
    max-height: none;
    grid-template-columns: minmax(180px, .65fr) minmax(280px, 1.15fr) minmax(300px, 1.2fr) minmax(150px, .65fr);
    gap: 12px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: #0b1d2a;
    padding: 14px 16px;
    box-shadow: inset 3px 0 0 #4aa9ff;
  }
  .radar-app .opportunity-inline-row .opportunity-detail-head { grid-column: 1; min-width: 0; padding: 0; border: 0; }
  .radar-app .opportunity-inline-row #opportunitySettlementRisk { grid-column: 1 / -1; grid-row: 1; }
  .radar-app .opportunity-inline-row #opportunitySettlementRisk p { max-width: none; }
  .radar-app .opportunity-inline-row .opportunity-detail-head h3 { font-size: 13px; }
  .radar-app .opportunity-inline-row .opportunity-detail-kicker { font-size: 8px; }
  .radar-app .opportunity-inline-row .opportunity-detail-market { font-size: 9px; }
  .radar-app .opportunity-inline-row .opportunity-detail-close { min-height: 28px; padding: 4px 7px; }
  .radar-app .opportunity-inline-row .opportunity-legs,
  .radar-app .opportunity-inline-row .opportunity-alternatives,
  .radar-app .opportunity-inline-row .opportunity-safety-note { display: none; }
  .radar-app .opportunity-inline-row .opportunity-calculation { grid-column: 2; padding: 0; border: 0; }
  .radar-app .opportunity-inline-row .opportunity-history { grid-column: 3; padding: 0; border: 0; }
  .radar-app .opportunity-inline-row .opportunity-freshness { grid-column: 4; padding: 0; border: 0; }
  .radar-app .opportunity-inline-row .opportunity-detail-actions { grid-column: 1; align-self: end; }
  .radar-app .opportunity-inline-row .opportunity-section-head { margin-bottom: 6px; }
  .radar-app .opportunity-inline-row .opportunity-section-head h4 { font-size: 10px; }
  .radar-app .opportunity-inline-row .opportunity-stake-field { grid-template-columns: 1fr 120px; gap: 8px; font-size: 8px; }
  .radar-app .opportunity-inline-row .opportunity-stake-field input { min-height: 32px; border-radius: 5px; }
  .radar-app .opportunity-inline-row .opportunity-calculation-results { margin-top: 7px; }
  .radar-app .opportunity-inline-row .opportunity-calculation-results > div { min-height: 42px; padding: 7px 8px; }
  .radar-app .opportunity-inline-row .opportunity-calculation-results dt { font-size: 7px; }
  .radar-app .opportunity-inline-row .opportunity-calculation-results dd { font-size: 11px; }
  .radar-app .opportunity-inline-row .opportunity-history canvas { height: 94px; }
  .radar-app .opportunity-inline-row .opportunity-history-summary { display: none; }
  .radar-app .opportunity-inline-row .opportunity-history-tools > span { font-size: 7px; }
  .radar-app .opportunity-inline-row .opportunity-history-ranges button { min-height: 24px; padding: 3px 6px; font-size: 8px; }
  .radar-app .opportunity-inline-row .opportunity-freshness-grid { grid-template-columns: 1fr; }
  .radar-app .opportunity-inline-row .opportunity-freshness-grid > div { min-height: 32px; padding: 5px 0; border-right: 0; }
  .radar-app .opportunity-inline-row .opportunity-freshness-grid dt { font-size: 7px; }
  .radar-app .opportunity-inline-row .opportunity-freshness-grid dd { font-size: 9px; }
  .radar-app .opportunity-inline-row .opportunity-freshness-reason { display: none; }
  .radar-app .opportunity-inline-row .opportunity-detail-actions button { min-height: 30px; border-radius: 5px; padding: 5px 7px; font-size: 9px; }
}

@media (min-width: 901px) and (max-width: 1450px) {
  .radar-app .results-layout .table-shell th:nth-child(3),
  .radar-app .results-layout .table-shell td:nth-child(3) { display: none; }
  .radar-app .compact-event-context { display: block; margin-top: 3px; }
  .radar-app .table-shell .inline-lay-stake { grid-template-columns: max-content; justify-items: start; gap: 4px; }
  .radar-app .table-shell .inline-lay-stake > strong { white-space: nowrap; }
}

@media (max-width: 1100px) {
  body.radar-app { --rail-width: 118px; }
  .radar-app .site-nav-link { grid-template-columns: 23px minmax(0, 1fr); padding-right: 6px; padding-left: 6px; font-size: 10px; }
  .radar-app .table-shell th:nth-child(3),
  .radar-app .table-shell td:nth-child(3) { display: none; }
}

@media (max-width: 900px) {
  body.radar-app { --rail-width: 0px; overflow-x: hidden; }
  .radar-app .site-header {
    position: sticky;
    inset: 0;
    display: grid;
    width: 100%;
    min-height: 62px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0 12px;
    border-right: 0;
    border-bottom: 1px solid #1d3444;
  }
  .radar-app .site-brand { width: auto; min-height: 61px; justify-content: flex-start; padding: 11px 0; border: 0; }
  .radar-app .site-brand-frame { width: 132px; }
  .radar-app .site-menu-toggle {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid #294457;
    border-radius: 6px;
    background: transparent;
    padding: 0 12px;
    color: #e6eef3;
    font-size: 11px;
  }
  .radar-app .site-navigation {
    position: fixed;
    inset: 62px 0 auto 0;
    display: none;
    max-height: calc(100dvh - 62px);
    overflow: auto;
    padding: 10px 12px 18px;
    border-bottom: 1px solid #294457;
    background: #081722;
    box-shadow: 0 18px 34px rgba(0, 0, 0, .42);
  }
  .radar-app .site-header.menu-open .site-navigation { display: flex; }
  .radar-app .site-nav-link { min-height: 46px; grid-template-columns: 30px minmax(0, 1fr); font-size: 12px; }
  .radar-app .site-nav-spacer { display: none; }
  .radar-app .account-mount .account-toggle { min-height: 46px; }
  .radar-app .site-navigation-language { grid-template-columns: 1fr 140px; align-items: center; }
  .radar-app .radar-app-main { margin-left: 0; }
  .radar-app .radar-section { min-height: calc(100dvh - 62px); padding: 7px; }
  .radar-app .radar-console { min-height: calc(100dvh - 76px); border-radius: 6px; }
  .radar-app .radar-header { grid-template-columns: minmax(0, 1fr) auto; min-height: 0; padding: 12px; }
  .radar-app .command-search { grid-column: 1 / -1; order: 3; }
  .radar-app .radar-heading-copy { grid-column: 1; grid-row: 1; }
  .radar-app .brand-block { grid-column: 2; grid-row: 1; justify-content: flex-end; }
  .radar-app .radar-header .brand-block { flex-wrap: wrap; max-width: 230px; gap: 7px 10px; }
  .radar-shark-connection { flex-basis: 100%; }
  .radar-app .bonus-radar { padding: 12px; }
  .radar-app .bonus-radar-controls { grid-template-columns: 1fr 1fr; }
  .radar-app .bonus-radar-summary { grid-column: 1 / -1; }
  .radar-app .bonus-radar-plans { grid-template-columns: 1fr; }
  .radar-app .bonus-plan-metrics { grid-template-columns: repeat(2, 1fr); }
  .radar-app .bonus-radar-foot { align-items: flex-start; flex-direction: column; gap: 8px; }
  .radar-app .table-shell { max-height: none; }
  .radar-app .table-shell table,
  .radar-app .table-shell tbody { display: block; width: 100%; min-width: 0; }
  .radar-app .radar-statusbar { position: static; align-items: stretch; flex-direction: column; gap: 8px; }
  .radar-app .radar-statusbar .summary { width: 100%; justify-content: space-between; gap: 9px; }
  .radar-app .radar-statusbar .summary time { display: none; }
  .radar-app .radar-statusbar .header-actions { width: 100%; justify-content: stretch; }
  .radar-app .radar-statusbar .stake-balance-field { flex: 1 1 auto; width: auto; }
  .radar-app .radar-statusbar .telegram,
  .radar-app .radar-statusbar .browser-alerts { flex: 0 0 132px; }
}

@media (max-width: 650px) {
  .guides-dialog { padding: 16px; }
  .guides-dialog .guide-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guides-dialog .guide-panel h3 { font-size: 19px; }
}

@media (max-width: 540px) {
  .radar-app .bonus-radar-head { flex-direction: column; gap: 9px; }
  .radar-app .bonus-radar-head button { align-self: stretch; }
  .radar-app .bonus-radar-controls { grid-template-columns: 1fr; }
  .radar-app .bonus-radar-summary { grid-column: auto; }
  .radar-app .table-shell tbody { gap: 7px; }
  .radar-app .table-shell tbody tr[data-opportunity-key] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "event event"
      "start context"
      "market market"
      "back lay"
      "available roi"
      "stake profit"
      "action action";
    border-radius: 7px;
  }
  .radar-app .table-shell tbody tr[data-opportunity-key] > td {
    height: auto;
    min-height: 0;
    padding: 7px 8px;
  }
  .radar-app .table-shell td.event { grid-area: event; }
  .radar-app .table-shell td.start { grid-area: start; }
  .radar-app .table-shell td.context { display: grid; grid-area: context; }
  .radar-app .table-shell td.market-cell { grid-area: market; }
  .radar-app .table-shell td:nth-child(5) { grid-area: back; }
  .radar-app .table-shell td:nth-child(6) { grid-area: lay; }
  .radar-app .table-shell td.available-cell { display: grid; grid-area: available; }
  .radar-app .table-shell td.lay-stake-cell { grid-area: stake; }
  .radar-app .table-shell td.roi { grid-area: roi; }
  .radar-app .table-shell td.profit-loss { grid-area: profit; }
  .radar-app .table-shell td.calc-action { grid-area: action; }
  .radar-app .table-shell td.event,
  .radar-app .table-shell td.market-cell,
  .radar-app .table-shell td.lay-stake-cell { grid-column: auto; }
  .radar-app .table-shell .odds-destination { min-height: 38px; }
  .radar-app .table-shell .odds-quote.has-source-logo { display: flex; flex-wrap: wrap; max-width: 100%; gap: 2px 8px; }
  .radar-app .table-shell .has-source-logo .source-logo { flex-basis: 60px; width: 60px; height: 32px; }
  .radar-app .table-shell .has-source-logo .odds-price,
  .radar-app .table-shell .has-source-logo .lay-price { flex: 0 0 auto; max-width: 100%; font-size: 16px; }
  .radar-app .table-shell .odds-price-pair { flex-wrap: wrap; max-width: 100%; gap: 2px 6px; }
  .radar-app .table-shell .has-source-logo .odds-age { flex: 0 0 100%; }
  .radar-app .table-shell .event-line { font-size: 12px; }
  .radar-app .table-shell .market-selection { font-size: 12px; }
  .radar-app .table-shell .inline-lay-stake > strong { font-size: 11px; }
  .radar-app .table-shell td.lay-stake-cell .inline-lay-stake:not(.inline-lay-synthetic) { grid-template-columns: minmax(0, 1fr); justify-items: start; }
  .radar-app .table-shell td.lay-stake-cell .inline-stake-copy { justify-self: start; min-height: 36px; }
  .radar-app .table-shell .row-actions { justify-content: flex-end; }
  .radar-app .radar-statusbar .summary { display: grid; grid-template-columns: repeat(3, 1fr); }
  .radar-app .radar-statusbar .summary > div { display: grid; gap: 1px; }
  .radar-app .radar-statusbar .header-actions { flex-direction: column; }
  .radar-app .radar-statusbar .stake-balance-field { width: 100%; }
  .radar-app .radar-statusbar .telegram,
  .radar-app .radar-statusbar .browser-alerts { width: 100%; flex: 0 0 auto; }
}

/* Independent daily match centre below Radar opportunities. */
.radar-app.has-match-centre:not(.is-fixtures-view) .radar-section { min-height: 0; padding-bottom: 0; }
.radar-app.has-match-centre:not(.is-fixtures-view) .radar-console { min-height: 0; }
.radar-app.is-fixtures-view .match-centre { display: none; }
.match-centre { margin: 20px 12px 24px; padding: 24px; border: 1px solid #1c3847; border-radius: 10px; background: #081c27; color: #edf4f8; }
.match-centre:not([open]) { padding-top: 0; padding-bottom: 0; }
.mc-toggle { display: flex; align-items: center; gap: 12px; min-height: 48px; cursor: pointer; list-style: none; font-size: 14px; font-weight: 650; }
.mc-toggle::-webkit-details-marker { display: none; }
.mc-toggle::before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); }
.match-centre[open] > .mc-toggle::before { transform: rotate(45deg); }
.mc-toggle .mc-eyebrow { margin: 0 0 0 auto; letter-spacing: .04em; font-size: 9px; }
.mc-toggle:focus-visible { outline: 2px solid var(--mint); outline-offset: 4px; border-radius: 4px; }
.match-centre[open] > .mc-toggle { margin-bottom: 16px; }
.mc-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 20px; }
.mc-eyebrow { margin: 0 0 4px; color: #8ba7b6; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.mc-heading h2 { margin: 0; font-size: 25px; font-weight: 800; letter-spacing: -.03em; }
.mc-comparison-link { padding: 8px 12px; border: 1px solid #294958; border-radius: 7px; background: transparent; color: #adc4d1; font-size: 12px; }
.mc-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 0; border-top: 1px solid #183747; border-bottom: 1px solid #183747; }
.mc-tabs { display: flex; gap: 8px; }
.mc-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 18px; border: 1px solid #234654; border-radius: 7px; background: #143541; color: #e8f2f5; font-size: 12px; font-weight: 800; white-space: nowrap; }
.mc-tabs button[aria-pressed="true"] { border-color: #40dba5; background: #143c36; color: #5cf0bc; }
.mc-tab-count { min-width: 22px; padding: 1px 5px; border-radius: 4px; background: #fa3d7e; color: #fff; font-size: 11px; text-align: center; }
.mc-search-label { width: min(290px, 40%); }
.mc-search-label input { width: 100%; min-height: 40px; padding: 8px 12px; border: 1px solid #244250; border-radius: 7px; background: #09222d; color: #e5eff5; font: inherit; font-size: 12px; }
.mc-day-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 22px 0 14px; }
.mc-day-line h3 { margin: 0; font-size: 18px; font-weight: 800; }
.mc-day-line > span { color: #8ca5b3; font-size: 11px; }
.mc-status { margin: 16px 0; color: #9bb3c0; font-size: 13px; }
.mc-status[hidden], .mc-sign-in[hidden] { display: none; }
.mc-league { margin-bottom: 12px; }
.mc-league-heading { display: flex; align-items: center; gap: 10px; margin: 0; min-height: 43px; padding: 9px 16px; border-radius: 5px; background: #103846; font-size: 13px; font-weight: 800; }
.mc-league-heading img { width: 26px; height: 18px; object-fit: contain; flex: 0 0 auto; }
.mc-country { color: #dcebf0; text-transform: uppercase; }
.mc-league-name { color: #f2f8fa; }
.mc-match { display: grid; grid-template-columns: 80px minmax(100px, 1fr) 32px minmax(225px, 285px) 82px; align-items: center; gap: 18px; min-height: 88px; padding: 14px 16px; border-bottom: 1px solid #153340; cursor: pointer; }
.mc-match:hover, .mc-match[aria-expanded="true"] { background: #0d2b38; }
.mc-match:focus-visible { outline: 2px solid #65d5df; outline-offset: -2px; }
.mc-match-time { grid-column: 1; grid-row: 1; }
.mc-teams { grid-column: 2; grid-row: 1; }
.mc-scores { grid-column: 3; grid-row: 1; }
.mc-match-state { grid-column: 5; grid-row: 1; }
.mc-best-odds { grid-column: 4; grid-row: 1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.mc-price { display: grid; gap: 3px; padding: 6px 4px; border: 1px solid #244654; border-radius: 5px; text-align: center; background: #0a202b; }
.mc-price strong { color: #e6f8fc; font-size: 15px; font-variant-numeric: tabular-nums; }
.mc-price-role { font-size: 10px; font-weight: 750; color: #a9c5d0; }
.mc-price-source { min-height: 30px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 3px; font-size: 9px; color: #86aebd; }
.mc-source-logo { flex: 0 0 auto; width: 74px; height: 30px; max-width: 100%; font-size: 10px; text-transform: none; white-space: normal; }
.mc-price-source .mc-source-logo { width: 62px; height: 28px; padding: 3px; }
.mc-price-source .mc-source-logo img { height: 20px; }
.mc-sort { display: inline-flex; align-items: center; justify-content: flex-end; gap: 5px; min-height: 36px; padding: 4px 2px; border: 0; border-radius: 3px; background: transparent; color: inherit; font: inherit; white-space: nowrap; cursor: pointer; }
.mc-sort:hover, .mc-odds-table th[aria-sort="ascending"] .mc-sort, .mc-odds-table th[aria-sort="descending"] .mc-sort { color: #9bebc6; }
.mc-sort:focus-visible { outline: 2px solid #9bebc6; outline-offset: 2px; }
.mc-sort-arrow { font-size: 16px; line-height: 1; }
.mc-odds-detail { padding: 14px 16px 16px; background: #0b2632; border-bottom: 1px solid #244654; }
.mc-odds-detail h5 { margin: 0 0 10px; color: #dbecf3; font-size: 13px; }
.mc-odds-scroll { max-width: 100%; overflow-x: auto; }
.mc-odds-table { display: table; width: 100%; min-width: 630px; border-collapse: collapse; table-layout: auto; font-size: 12px; font-variant-numeric: tabular-nums; }
.mc-odds-table thead { display: table-header-group; }
.mc-odds-table tbody { display: table-row-group; }
.mc-odds-table tr { display: table-row; border: 0; border-radius: 0; background: transparent; }
.mc-odds-table th, .mc-odds-table td { display: table-cell; width: auto; padding: 10px 8px; border-bottom: 1px solid #22404d; text-align: right; white-space: nowrap; }
.mc-odds-table td::before { display: none; }
.mc-odds-table th:first-child { text-align: left; }
.mc-odds-table thead th { color: #92b3c3; font-size: 10px; }
.mc-odds-table td.is-best { color: #9bebc6; background: #143e36; font-weight: 800; }
.mc-price-checked { color: #9bb8c5; font-size: 10px; }
.mc-odds-note { margin: 10px 0 0; color: #9bb8c5; font-size: 11px; }
.mc-match:last-child { border-bottom: 0; }
.mc-match.is-live .mc-match-time, .mc-match.is-live .mc-scores { color: #ff528a; }
.mc-match.is-goal { background: #45182d; }
.mc-match-time { color: #d4e3eb; font-size: 13px; font-weight: 750; line-height: 1.35; }
.mc-match-time small { display: block; margin-top: 4px; color: #6e92a5; font-size: 9px; font-weight: 500; }
.mc-teams, .mc-scores { display: grid; gap: 5px; }
.mc-teams { min-width: 0; }
.mc-team { min-width: 0; color: #eaf2f6; font-size: 15px; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
.mc-team.is-scoring { color: #ff74a3; }
.mc-scores { color: #eef6fa; font-size: 17px; font-weight: 850; text-align: center; font-variant-numeric: tabular-nums; }
.mc-match-state { justify-self: end; padding: 4px 7px; border: 1px solid #2a4a59; border-radius: 4px; color: #8daab9; font-size: 9px; font-weight: 700; text-align: center; }
.mc-match.is-live .mc-match-state { border-color: #694058; color: #ff87ac; }
.mc-about { margin-top: 16px; padding-top: 12px; border-top: 1px solid #183747; color: #799aa9; font-size: 11px; }
.mc-about summary { width: fit-content; cursor: pointer; }
.mc-about p { max-width: 760px; margin: 9px 0 0; line-height: 1.6; }
.mc-sign-in { margin: 0 0 12px; }
.mc-tabs button:focus-visible, .mc-comparison-link:focus-visible, .mc-search-label input:focus-visible, .mc-about summary:focus-visible { outline: 2px solid #45e6b0; outline-offset: 3px; }
@media (max-width: 720px) {
  .match-centre { margin: 14px 8px 20px; padding: 15px 12px; }
  .mc-heading { align-items: flex-start; gap: 10px; }
  .mc-heading h2 { font-size: 21px; }
  .mc-comparison-link { max-width: 120px; font-size: 10px; }
  .mc-toolbar { flex-wrap: wrap; gap: 12px; }
  .mc-search-label { width: 100%; }
  .mc-tabs { width: 100%; }
  .mc-tabs button { flex: 1; min-width: 0; padding: 8px 10px; font-size: 11px; }
  .mc-day-line h3 { font-size: 15px; }
  .mc-day-line > span { font-size: 9px; }
  .mc-league-heading { gap: 7px; padding: 8px 10px; font-size: 11px; }
  .mc-country { display: none; }
  .mc-match { grid-template-columns: 65px minmax(0, 1fr) 28px; gap: 9px; min-height: 80px; padding: 11px 8px; }
  .mc-team { font-size: 12px; }
  .mc-match-time { font-size: 11px; }
  .mc-scores { font-size: 14px; }
  .mc-match-state { display: none; }
  .mc-best-odds { grid-column: 1 / -1; grid-row: 2; }
  .mc-price { padding: 5px; }
  .mc-price-source { font-size: 10px; }
  .mc-odds-detail { padding: 12px 8px; }
}
.shark-confirmation-dialog{width:min(440px,calc(100vw - 32px));border:1px solid #294454;border-radius:16px;background:#0c1b26;color:#e9f2f6;padding:24px;box-sizing:border-box}
.classic-quote-row{cursor:pointer}
.classic-row-info summary{cursor:pointer;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--muted);font-weight:700;list-style:none}
.classic-row-info summary::-webkit-details-marker{display:none}
.classic-row-info p{width:240px;max-width:50vw;white-space:normal;font-size:12px;line-height:1.5;color:var(--muted)}
.shark-confirmation-dialog::backdrop{background:rgb(0 8 14 / .72)}
.shark-confirmation-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.shark-confirmation-header h2{font-size:19px;margin:0}
.shark-confirmation-close{border:0;background:transparent;color:inherit;font-size:26px;cursor:pointer;padding:0 4px}
.shark-confirmation-event{font-weight:700;line-height:1.5;margin:20px 0}.shark-confirmation-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:16px 0;border-block:1px solid #294454}
.shark-confirmation-values dt{color:#9eb0bc}.shark-confirmation-values dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.shark-confirmation-status{line-height:1.5;min-height:3em;margin:18px 0 8px}.shark-confirmation-detail{font-size:13px;color:#9eb0bc}.shark-confirmation-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.shark-confirmation-actions button{flex:1;min-height:42px;padding:10px 14px;border:1px solid #355260;border-radius:9px;background:#19303d;color:#e9f2f6;cursor:pointer;font:inherit}.shark-confirmation-actions .primary{background:#b7ed51;border-color:#b7ed51;color:#142210;font-weight:700}.shark-confirmation-actions button:disabled{opacity:.5;cursor:default}.shark-confirmation-actions button[hidden]{display:none}