/* Official website desktop compatibility: football-figma-app-v1.css */
@media (min-width: 1180px) {
  body.figma-app-v1 { margin: 0px !important; min-width: 0px !important; background: rgb(223, 242, 252) !important; color: var(--fa-ink) !important; font-family: "Noto Sans SC", sans-serif !important; }
  body.figma-app-v1 > .app-shell { position: fixed !important; top: 0px !important; left: -10000px !important; width: 390px !important; height: 844px !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; }
  body.figma-app-v1 > .figma-floating-slip, body.figma-app-v1 > .figma-slip-shortcut { display: none !important; }
  body.figma-app-v1 > .mobile-slip-trigger, body.figma-app-v1 > .mobile-nav, body.figma-app-v1 > .drawer-backdrop, body.figma-app-v1 > .bet-confirm-backdrop, body.figma-app-v1 > .bet-confirm-modal, body.figma-app-v1 > .match-detail-backdrop, body.figma-app-v1 > .match-detail-modal, body.figma-app-v1 > .figma-slip-shortcut { visibility: hidden !important; pointer-events: none !important; }
  #figmaAppRoot { position: relative; z-index: 100; display: block; box-sizing: border-box; width: 390px; max-width: 100vw; min-height: max(844px, 100vh); margin: 0px auto; overflow: hidden; border: 1px solid var(--fa-line); border-radius: 28px; background: var(--fa-bg); box-shadow: rgba(5, 31, 56, 0.32) 0px 14px 28px; }
  #figmaAppRoot, #figmaAppRoot * { box-sizing: border-box; }
  #figmaAppRoot button, #figmaAppRoot input { font: inherit; }
  #figmaAppRoot button { cursor: pointer; }
  .fa-status { position: absolute; z-index: 5; top: 11px; right: 19px; left: 19px; display: flex; justify-content: space-between; color: var(--fa-muted); font: 600 12px / 14px Roboto, sans-serif; }
  .fa-page { width: 100%; min-height: max(844px, 100vh); padding: 52px 20px 104px; background: var(--fa-bg); }
  .fa-page h1, .fa-page h2, .fa-page p { margin: 0px; }
  .fa-empty { padding: 50px 16px; color: var(--fa-muted); text-align: center; }
  .fa-nav { position: fixed; z-index: 120; right: 0px; bottom: 0px; left: 50%; display: flex; justify-content: center; gap: 14px; width: 390px; max-width: 100vw; height: 82px; padding: 8px 16px; transform: translateX(-50%); border: 1px solid var(--fa-line); border-radius: 0px 0px 28px 28px; background: rgb(255, 255, 255); }
  .fa-nav button { position: relative; display: flex; width: 58px; height: 58px; padding: 0px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 0px; background: transparent; color: var(--fa-muted); font-size: 12px; }
  .fa-nav button::before { content: ""; position: absolute; top: -8px; width: 20px; height: 3px; border-radius: 999px; }
  .fa-nav button.is-active::before { background: var(--fa-accent); }
  .fa-nav button.is-active { color: var(--fa-accent); }
  .fa-nav img { width: 24px; height: 24px; }
  .fa-floating-slip { position: fixed; z-index: 140; right: max(12px, -183px + 50vw); bottom: 98px; display: flex; height: 46px; padding: 0px 18px; align-items: center; gap: 10px; border: 0px; border-radius: 999px; background: var(--fa-accent); color: var(--fa-ink); box-shadow: rgba(18, 142, 205, 0.28) 0px 12px 28px; }
  .fa-floating-slip span { font-weight: 750; }
  .fa-floating-slip b { display: grid; min-width: 24px; height: 24px; padding: 0px 6px; place-items: center; border-radius: 999px; background: rgba(255, 255, 255, 0.78); font: 700 12px Roboto, sans-serif; }
  .fa-home { padding-top: 38px; }
  .fa-home-head { display: grid; grid-template-columns: 40px 1fr 94px 32px; align-items: center; gap: 10px; height: 54px; }
  .fa-brand { width: 40px; height: 40px; border-radius: 20px; object-fit: contain; mix-blend-mode: multiply; }
  .fa-home-head > div { display: grid; gap: 2px; }
  .fa-home-head > div strong { font-size: 15px; }
  .fa-home-head > div span { color: var(--fa-muted); font-size: 11px; }
  .fa-balance { display: grid; width: 94px; height: 40px; padding: 4px 9px; gap: 1px; border: 1px solid var(--fa-line); border-radius: 10px; background: rgb(255, 255, 255); color: var(--fa-ink); text-align: center; }
  .fa-balance span { color: var(--fa-muted); font-size: 10px; }
  .fa-balance b { overflow: hidden; font: 600 13px / 16px Roboto, sans-serif; text-overflow: ellipsis; white-space: nowrap; }
  .fa-bell { display: grid; place-items: center; width: 32px; height: 40px; padding: 0px; border: 0px; background: transparent; }
  .fa-bell img { width: 24px; height: 24px; }
  .fa-home-tabs, .fa-league-tabs, .fa-market-tabs { display: flex; height: 44px; margin-top: 18px; gap: 24px; overflow-x: auto; scrollbar-width: none; }
  .fa-home-tabs::-webkit-scrollbar, .fa-league-tabs::-webkit-scrollbar, .fa-market-tabs::-webkit-scrollbar { display: none; }
  .fa-home-tabs button, .fa-league-tabs button, .fa-market-tabs button { position: relative; flex: 0 0 auto; padding: 0px; border: 0px; background: transparent; color: var(--fa-muted); font-size: 13px; }
  .fa-home-tabs button.is-active, .fa-league-tabs button.is-active, .fa-market-tabs button.is-active { color: var(--fa-accent); }
  .fa-home-tabs button.is-active::after, .fa-league-tabs button.is-active::after, .fa-market-tabs button.is-active::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; height: 3px; border-radius: 99px; background: var(--fa-accent); }
  .fa-feature { position: relative; height: 184px; margin-top: 10px; padding: 50px 16px 15px; overflow: hidden; border-radius: 14px; background: linear-gradient(90deg, rgba(5, 31, 56, 0.9), rgba(5, 31, 56, 0.05)), url("./figma-assets/featured-match.png") center center / cover no-repeat; color: rgb(255, 255, 255); }
  .fa-feature > span { position: absolute; top: 14px; left: 16px; display: grid; place-items: center; width: 76px; height: 24px; border-radius: 99px; background: rgb(255, 255, 255); color: var(--fa-ink); font-size: 10px; }
  .fa-feature small { display: block; font-size: 11px; }
  .fa-feature h1 { margin-top: 7px; font-size: 20px; line-height: 26px; }
  .fa-feature p { margin-top: 4px; font-size: 11px; }
  .fa-feature > button { width: 104px; height: 44px; margin-top: 8px; border: 1px solid rgb(114, 206, 255); border-radius: 99px; background: var(--fa-accent); color: var(--fa-ink); }
  .fa-section-title { display: flex; align-items: center; justify-content: space-between; height: 52px; }
  .fa-section-title h2 { font-size: 20px; }
  .fa-section-title button { border: 0px; background: transparent; color: var(--fa-accent); font-size: 11px; }
  .fa-match-list { display: grid; }
  .fa-match-row { padding: 9px 0px; border-bottom: 1px solid var(--fa-line); }
  .fa-match-meta { display: grid; grid-template-columns: auto 1fr 34px; align-items: center; gap: 9px; min-height: 24px; color: var(--fa-muted); font-size: 11px; }
  .fa-match-meta b { font-weight: 500; }
  .fa-match-meta button { width: 34px; height: 34px; border: 0px; background: transparent; color: var(--fa-muted); font-size: 24px; }
  .fa-match-teams { display: grid; grid-template-columns: 1fr 60px 1fr; align-items: center; min-height: 66px; }
  .fa-match-teams > div:not(.fa-score), .fa-live-teams > div { display: grid; justify-items: center; gap: 4px; font-size: 12px; text-align: center; }
  .fa-match-teams img, .fa-live-teams img, .fa-score-teams img, .fa-slip-item figure img { width: 34px; height: 34px; object-fit: contain; }
  .fa-team-fallback { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--fa-surface-blue); color: var(--fa-muted); font-weight: 700; }
  .fa-score { display: grid; justify-items: center; gap: 4px; }
  .fa-score span { font-size: 11px; }
  .fa-score b { font: 600 20px / 24px Roboto, sans-serif; }
  .fa-odds { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .fa-odds button { min-height: 46px; padding: 5px; border: 1px solid var(--fa-line); border-radius: 9px; background: rgb(255, 255, 255); color: var(--fa-ink); }
  .fa-odds button.is-selected { position: relative; border-color: rgb(11, 143, 216); background: rgb(38, 168, 242); color: rgb(255, 255, 255); box-shadow: rgba(11, 143, 216, 0.22) 0px 7px 16px, rgba(255, 255, 255, 0.22) 0px 0px 0px 1px inset; }
  .fa-odds button.is-selected::after { content: "✓"; position: absolute; top: 5px; right: 8px; font-size: 12px; font-weight: 900; color: rgb(255, 255, 255); }
  .fa-odds button.is-selected span, .fa-odds button.is-selected b { color: rgb(255, 255, 255); }
  .fa-odds button:active { transform: scale(0.98); }
  .fa-odds span, .fa-odds b { display: block; font-size: 11px; }
  .fa-odds b { margin-top: 2px; font: 600 14px Roboto, sans-serif; }
  .fa-detail .fa-odds button { transition: transform 0.16s, box-shadow 0.16s, filter 0.16s; }
  .fa-detail .fa-odds button:nth-child(1) { border-color: rgb(120, 206, 251); background: rgb(223, 244, 255); color: rgb(8, 127, 189); }
  .fa-detail .fa-odds button:nth-child(2) { border-color: rgb(239, 200, 132); background: rgb(255, 243, 220); color: rgb(185, 107, 8); }
  .fa-detail .fa-odds button:nth-child(3) { border-color: rgb(153, 218, 189); background: rgb(231, 247, 239); color: rgb(33, 131, 87); }
  .fa-detail .fa-odds button:active { transform: scale(0.97); filter: saturate(1.16); box-shadow: rgba(8, 127, 189, 0.16) 0px 0px 0px 2px inset; }
  .fa-schedule-status-tabs { margin-top: 8px; }
  .fa-match-meta .fa-time { display: inline-flex; align-items: center; min-height: 26px; padding: 3px 9px; border-radius: 999px; font-weight: 800; font-variant-numeric: tabular-nums; }
  .fa-match-meta .fa-time.is-live { color: rgb(217, 48, 66); background: rgb(255, 240, 242); border: 1px solid rgb(255, 195, 201); }
  .fa-match-meta .fa-time.is-upcoming { color: rgb(8, 127, 189); background: rgb(228, 246, 255); border: 1px solid rgb(184, 228, 250); }
  .fa-match-meta .fa-time.is-finished { color: rgb(88, 119, 142); background: rgb(238, 244, 247); border: 1px solid rgb(210, 224, 232); }
  .fa-score-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; }
  .fa-score-tabs button { min-height: 44px; border: 0px; border-radius: 0px; background: transparent; color: rgb(49, 91, 116); font-weight: 750; }
  .fa-score-tabs button.is-active { color: rgb(8, 127, 189); background: rgb(223, 244, 255); box-shadow: rgb(38, 168, 242) 0px -3px 0px inset; }
  .fa-detail-data { margin: 16px 0px; border: 1px solid var(--fa-line); border-radius: 14px; background: rgb(255, 255, 255); overflow: hidden; }
  .fa-detail-empty { min-height: 150px; display: grid; place-items: center; padding: 24px; color: rgb(107, 135, 155); text-align: center; }
  .fa-detail-empty.is-error { color: rgb(201, 69, 81); background: rgb(255, 245, 246); }
  .fa-events article { display: grid; grid-template-columns: 54px 1fr; gap: 14px; align-items: center; padding: 13px 16px; border-bottom: 1px solid rgb(219, 234, 242); }
  .fa-events article:last-child { border-bottom: 0px; }
  .fa-events time { color: rgb(217, 48, 66); font-size: 18px; font-weight: 900; text-align: center; font-variant-numeric: tabular-nums; }
  .fa-events article div { display: grid; gap: 3px; }
  .fa-events article b { color: rgb(11, 42, 66); }
  .fa-events article span { color: rgb(107, 135, 155); font-size: 13px; }
  .fa-statistics, .fa-lineups { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1px; background: rgb(219, 234, 242); }
  .fa-statistics article, .fa-lineups article { background: rgb(255, 255, 255); }
  .fa-statistics article > header, .fa-lineups article > header { min-height: 64px; display: flex; align-items: center; gap: 10px; padding: 13px 15px; background: rgb(238, 248, 254); border-bottom: 1px solid rgb(219, 234, 242); }
  .fa-statistics header img, .fa-lineups header img { width: 36px; height: 36px; object-fit: contain; }
  .fa-statistics header b, .fa-lineups header b { color: rgb(11, 42, 66); }
  .fa-statistics dl { margin: 0px; padding: 8px 15px 14px; }
  .fa-statistics dl div { display: flex; justify-content: space-between; gap: 14px; padding: 9px 0px; border-bottom: 1px solid rgb(237, 243, 246); }
  .fa-statistics dt { color: rgb(96, 127, 150); }
  .fa-statistics dd { margin: 0px; color: rgb(11, 42, 66); font-weight: 850; font-variant-numeric: tabular-nums; }
  .fa-lineups header div { display: grid; gap: 3px; }
  .fa-lineups header span { color: rgb(96, 127, 150); font-size: 12px; }
  .fa-lineups ol { list-style: none; margin: 0px; padding: 8px 15px 14px; }
  .fa-lineups li { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 8px; min-height: 40px; border-bottom: 1px solid rgb(237, 243, 246); }
  .fa-lineups li i { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: rgb(223, 244, 255); color: rgb(8, 127, 189); font-style: normal; font-weight: 850; }
  .fa-lineups li span { color: rgb(11, 42, 66); font-weight: 700; }
  .fa-lineups li small { color: rgb(120, 146, 164); }
  @media (max-width: 600px) {
  .fa-statistics, .fa-lineups { grid-template-columns: 1fr; }
  .fa-detail-data { border-radius: 11px; }
}
  .fa-slip-pill, .fa-selected-bar { position: fixed; z-index: 115; right: calc(50% - 175px); bottom: 82px; min-width: 124px; height: 44px; padding: 0px 18px; border: 1px solid rgb(114, 206, 255); border-radius: 99px; background: var(--fa-accent); color: var(--fa-ink); }
  .fa-title-row { display: flex; align-items: center; gap: 12px; min-height: 44px; }
  .fa-title-row h1 { font-size: 22px; }
  .fa-title-row > span { padding: 0px 12px; color: var(--fa-live); font-size: 11px; }
  .fa-title-row > button { margin-left: auto; min-width: 64px; height: 42px; border: 1px solid var(--fa-line); border-radius: 99px; background: rgb(255, 255, 255); color: var(--fa-ink); }
  .fa-league-tabs { height: 46px; margin-top: 9px; }
  .fa-live-list { display: grid; gap: 14px; margin-top: 14px; padding-bottom: 32px; }
  .fa-live-card { padding: 15px; border: 1px solid var(--fa-line); border-radius: 14px; background: rgb(255, 255, 255); }
  .fa-live-meta { display: flex; justify-content: space-between; color: var(--fa-muted); font-size: 10px; }
  .fa-live-teams { display: grid; grid-template-columns: 1fr 28px 1fr; align-items: center; margin-top: 12px; }
  .fa-live-score { display: grid; justify-items: center; margin: 5px 0px; }
  .fa-live-score b { font: 700 24px Roboto, sans-serif; }
  .fa-live-score span { color: var(--fa-live); font-size: 11px; }
  .fa-pressure { height: 7px; overflow: hidden; border-radius: 99px; background: rgb(220, 239, 249); }
  .fa-pressure i { display: block; width: 62%; height: 100%; background: var(--fa-accent); }
  .fa-pressure-copy { display: block; margin-top: 5px; color: var(--fa-muted); font-size: 10px; }
  .fa-live-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 10px 0px; padding: 4px; border-radius: 99px; background: var(--fa-surface-blue); color: var(--fa-muted); font-size: 10px; text-align: center; }
  .fa-live-tabs > * { padding: 7px 4px; }
  .fa-live-tabs b { border-radius: 99px; background: var(--fa-accent); color: var(--fa-ink); }
  .fa-selected-bar { right: 50%; bottom: 82px; display: flex; width: 350px; justify-content: space-between; padding: 0px 18px; transform: translateX(50%); }
  .fa-selected-bar span { text-align: left; font-size: 11px; }
  .fa-calendar { height: 94px; margin-top: 7px; padding: 10px; border: 1px solid var(--fa-line); border-radius: 14px; background: rgb(255, 255, 255); }
  .fa-calendar > div:first-child { display: flex; justify-content: space-between; font-size: 12px; }
  .fa-calendar a { color: var(--fa-accent); }
  .fa-days { display: grid; grid-template-columns: repeat(5, 1fr); height: 62px; }
  .fa-days button { display: grid; place-items: center; padding: 6px; border: 0px; border-radius: 10px; background: transparent; color: var(--fa-ink); }
  .fa-days button.is-active { background: var(--fa-accent); }
  .fa-days span { font-size: 10px; }
  .fa-schedule-list { display: grid; gap: 8px; margin-top: 8px; }
  .fa-schedule-group h3 { display: flex; justify-content: space-between; margin: 0px; color: var(--fa-muted); font-size: 11px; font-weight: 500; }
  .fa-schedule-group .fa-match-row { padding: 9px 14px; border: 1px solid var(--fa-line); border-radius: 14px; background: rgb(255, 255, 255); }
  .fa-schedule-group .fa-odds { display: grid; margin-top: 8px; }
  .fa-filter-page { min-height: 844px; padding: 0px 19px 28px; }
  .fa-filter-head { display: grid; grid-template-columns: 44px minmax(0px, 1fr); align-items: center; gap: 14px; min-height: 96px; }
  .fa-filter-head > button { display: grid; width: 44px; height: 44px; place-items: center; padding: 0px; border: 1px solid var(--fa-line); border-radius: 999px; background: rgb(255, 255, 255); color: var(--fa-ink); font-size: 25px; line-height: 1; }
  .fa-filter-head > div { min-width: 0px; }
  .fa-filter-head small { display: block; margin-bottom: 4px; color: var(--fa-accent-strong); font: 700 9px / 1.2 Roboto, sans-serif; letter-spacing: 0.14em; }
  .fa-filter-head h1 { margin: 0px; font-size: 22px; line-height: 1.2; }
  .fa-filter-head p { margin: 4px 0px 0px; color: var(--fa-muted); font-size: 10px; }
  .fa-filter-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
  .fa-filter-summary > div { display: grid; gap: 7px; min-height: 78px; padding: 14px; border: 1px solid var(--fa-line); border-radius: 14px; background: rgb(255, 255, 255); }
  .fa-filter-summary span { color: var(--fa-muted); font-size: 10px; }
  .fa-filter-summary b { font-size: 16px; }
  .fa-filter-section { margin-bottom: 14px; padding: 16px; border: 1px solid var(--fa-line); border-radius: 14px; background: rgb(255, 255, 255); }
  .fa-filter-section > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
  .fa-filter-section h2 { margin: 0px; font-size: 15px; }
  .fa-filter-section header span { color: var(--fa-muted); font-size: 10px; }
  .fa-filter-section header button { padding: 0px; border: 0px; background: transparent; color: var(--fa-accent-strong); font-size: 10px; }
  .fa-filter-locked { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
  .fa-filter-locked span { display: grid; min-height: 44px; place-items: center; border: 1px solid rgb(184, 223, 244); border-radius: 10px; background: var(--fa-surface-blue); color: var(--fa-accent-strong); font-size: 11px; font-weight: 700; }
  .fa-filter-options { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 9px; }
  .fa-filter-options button { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 8px; min-height: 48px; padding: 0px 12px; border: 1px solid var(--fa-line); border-radius: 10px; background: rgb(255, 255, 255); color: var(--fa-ink); text-align: left; }
  .fa-filter-options button span { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
  .fa-filter-options button b { display: grid; min-width: 24px; height: 24px; padding: 0px 6px; place-items: center; border-radius: 999px; background: var(--fa-surface-blue); color: var(--fa-muted); font: 700 9px / 1 Roboto, sans-serif; }
  .fa-filter-options button.is-active { border-color: rgb(114, 206, 255); background: var(--fa-accent); }
  .fa-filter-options button.is-active b { background: rgba(255, 255, 255, 0.76); color: var(--fa-ink); }
  .fa-filter-actions { display: grid; grid-template-columns: 96px 1fr; gap: 10px; margin-top: 20px; }
  .fa-filter-actions button { min-height: 54px; border: 1px solid var(--fa-line); border-radius: 999px; background: rgb(255, 255, 255); color: var(--fa-ink); font-weight: 700; }
  .fa-filter-actions button:last-child { border-color: rgb(114, 206, 255); background: var(--fa-accent); }
  .fa-detail { padding-bottom: 96px; }
  .fa-detail-head { display: grid; grid-template-columns: 28px 1fr 64px; align-items: center; height: 44px; }
  .fa-detail-head h1 { font-size: 22px; }
  .fa-detail-head button { padding: 0px; border: 0px; background: transparent; color: var(--fa-ink); }
  .fa-detail-head button:last-child { height: 42px; border: 1px solid var(--fa-line); border-radius: 99px; background: rgb(255, 255, 255); }
  .fa-score-card { margin-top: 7px; padding: 8px 14px 0px; border: 1px solid var(--fa-line); border-radius: 14px; background: rgb(255, 255, 255); text-align: center; }
  .fa-score-card > small { font-size: 10px; }
  .fa-score-teams { display: grid; grid-template-columns: 1fr 80px 1fr; align-items: center; margin-top: 5px; }
  .fa-score-teams > div { display: grid; justify-items: center; gap: 4px; font-size: 12px; }
  .fa-score-teams > strong { font: 700 30px Roboto, sans-serif; }
  .fa-score-card > p { color: var(--fa-live); font-size: 11px; }
  .fa-score-tabs { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 6px; border-radius: 10px 10px 0px 0px; background: var(--fa-surface-blue); font-size: 10px; }
  .fa-score-tabs > * { padding: 8px 4px; }
  .fa-score-tabs b { border-radius: 10px; background: var(--fa-accent); }
  .fa-market-tabs { margin-top: 20px; }
  .fa-market-list { display: grid; gap: 14px; margin-top: 14px; }
  .fa-market-card { padding: 14px; border: 1px solid var(--fa-line); border-radius: 14px; background: rgb(255, 255, 255); }
  .fa-market-card header { display: flex; justify-content: space-between; margin-bottom: 14px; }
  .fa-slip { padding-bottom: 118px; }
  .fa-slip-head { display: flex; align-items: center; gap: 12px; min-height: 44px; }
  .fa-slip-head h1 { margin-right: auto; font-size: 22px; white-space: nowrap; }
  .fa-slip-head h1 small { font-size: 10px; font-weight: 500; }
  .fa-slip-head button { flex: 0 0 auto; border: 0px; background: transparent; color: var(--fa-muted); white-space: nowrap; }
  .fa-slip-head .fa-slip-close { min-width: 54px; padding: 6px 12px; border: 1px solid var(--fa-line); border-radius: 999px; background: rgb(255, 255, 255); color: var(--fa-ink); font-size: 11px; }
  .fa-odds-alert { margin: 7px 0px 14px; padding: 14px; border: 1px solid var(--fa-orange); border-radius: 11px; color: var(--fa-orange); font-size: 11px; }
  .fa-slip-items { display: grid; gap: 12px; }
  .fa-slip-empty { padding: 70px 20px; border: 1px dashed rgb(172, 217, 238); border-radius: 14px; background: rgb(255, 255, 255); color: rgb(109, 140, 160); text-align: center; line-height: 1.8; }
  .fa-slip-item { position: relative; padding: 13px; border: 1px solid var(--fa-line); border-radius: 14px; background: rgb(255, 255, 255); }
  .fa-slip-item > button { position: absolute; top: 8px; right: 9px; border: 0px; background: transparent; color: var(--fa-muted); }
  .fa-slip-item > small { color: var(--fa-muted); font-size: 10px; }
  .fa-slip-item > small span { margin-left: 7px; }
  .fa-slip-item > div { display: grid; grid-template-columns: 1fr 20px 1fr 72px; align-items: center; margin-top: 8px; text-align: center; }
  .fa-slip-item figure { display: grid; justify-items: center; gap: 4px; margin: 0px; font-size: 10px; }
  .fa-slip-item > div > strong { display: grid; place-items: center; height: 54px; border: 1px solid rgb(114, 206, 255); border-radius: 10px; background: var(--fa-surface-blue); font: 600 14px Roboto, sans-serif; }
  .fa-slip-item p { margin-top: 8px; color: var(--fa-muted); font-size: 10px; }
  .fa-label { display: block; margin: 18px 0px 7px; color: var(--fa-muted); font-size: 11px; }
  .fa-segment { display: grid; grid-template-columns: 1fr 1fr; padding: 4px; border: 1px solid var(--fa-line); border-radius: 10px; background: rgb(255, 255, 255); }
  .fa-segment button { height: 38px; border: 0px; border-radius: 8px; background: transparent; color: var(--fa-ink); }
  .fa-segment button.is-active { background: var(--fa-accent); }
  .fa-stake-row { display: grid; grid-template-columns: 1fr 72px; gap: 12px; margin-top: 16px; }
  .fa-stake-row label { display: grid; gap: 7px; color: var(--fa-muted); font-size: 11px; }
  .fa-stake-row input { width: 100%; height: 52px; padding: 0px 14px; border: 1px solid rgb(114, 206, 255); border-radius: 10px; background: rgb(255, 255, 255); color: var(--fa-ink); font: 700 18px Roboto, sans-serif; }
  .fa-quick-stakes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px; }
  .fa-quick-stakes button { height: 38px; border: 1px solid var(--fa-line); border-radius: 99px; background: rgb(255, 255, 255); color: var(--fa-ink); }
  .fa-quick-stakes button.is-active { background: var(--fa-accent); }
  .fa-available { display: block; margin-top: 6px; color: var(--fa-muted); font-size: 10px; }
  .fa-return { display: grid; gap: 7px; margin-top: 10px; padding: 14px; border: 1px solid var(--fa-line); border-radius: 14px; background: var(--fa-surface-blue); }
  .fa-return span { color: var(--fa-muted); font-size: 10px; }
  .fa-return b { font-size: 18px; }
  .fa-primary, .fa-secondary { width: 100%; min-height: 54px; margin-top: 10px; border: 1px solid rgb(114, 206, 255); border-radius: 99px; background: var(--fa-accent); color: var(--fa-ink); font-weight: 700; }
  .fa-primary:disabled { opacity: 0.45; }
  .fa-secondary { background: var(--fa-surface-blue); }
  .fa-bet-filters { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); height: 54px; gap: 0px; }
  .fa-bet-filters button { position: relative; min-width: 0px; padding: 0px; border: 0px; background: transparent; color: var(--fa-muted); font-size: 12px; text-align: center; }
  .fa-bet-filters button.is-active { color: var(--fa-accent); }
  .fa-bet-filters button.is-active::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; height: 3px; background: var(--fa-accent); }
  .fa-bet-list { display: grid; gap: 14px; }
  .fa-bet-list .user-bet-card { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; padding: 14px !important; border: 1px solid var(--fa-line) !important; border-radius: 14px !important; background: rgb(255, 255, 255) !important; color: var(--fa-ink) !important; }
  .fa-bet-list .user-bet-outcome { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; width: 100% !important; min-height: 36px !important; padding: 7px 10px !important; border-radius: 8px !important; background: rgb(255, 248, 236) !important; color: var(--fa-orange) !important; text-align: center !important; }
  .fa-bet-list .user-bet-outcome-title { font-size: 12px !important; line-height: 1.2 !important; letter-spacing: 0px !important; }
  .fa-bet-list .user-bet-outcome-value { font-size: 13px !important; line-height: 1.2 !important; }
  .fa-bet-list .user-bet-outcome small { opacity: 0.72; color: currentcolor !important; font-size: 9px !important; letter-spacing: 0px !important; }
  .fa-bet-list .user-bet-outcome.won { border-color: rgb(191, 231, 208) !important; background: rgb(238, 250, 243) !important; color: rgb(31, 138, 87) !important; }
  .fa-bet-list .user-bet-outcome.lost, .fa-bet-list .user-bet-outcome.void { border-color: rgb(239, 204, 204) !important; background: rgb(255, 244, 244) !important; color: rgb(196, 75, 80) !important; }
  .fa-bet-list .user-bet-selections { display: grid !important; gap: 8px !important; }
  .fa-bet-list .user-bet-selection { padding: 10px !important; border: 0px !important; border-radius: 10px !important; background: var(--fa-bg) !important; }
  .fa-bet-list .user-bet-money { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 12px !important; border-top: 1px solid var(--fa-line) !important; padding-top: 10px !important; text-align: left !important; }
  .fa-account > h1 { margin-bottom: 14px; font-size: 22px; }
  .fa-identity { display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 18px; min-height: 66px; }
  .fa-identity > span { display: grid; place-items: center; width: 20px; height: 52px; border: 1px solid var(--fa-line); border-radius: 10px; background: var(--fa-surface-blue); font-weight: 700; }
  .fa-identity div { display: grid; gap: 5px; }
  .fa-identity small { color: var(--fa-muted); font-size: 11px; }
  .fa-identity em { color: var(--fa-green); font-size: 11px; font-style: normal; }
  .fa-wallet { position: relative; height: 150px; margin-top: 6px; padding: 18px 16px; border: 1px solid var(--fa-line); border-radius: 14px; background: rgb(255, 255, 255); }
  .fa-wallet label, .fa-wallet small { display: block; color: var(--fa-muted); font-size: 11px; }
  .fa-wallet > button { position: absolute; top: 16px; right: 16px; border: 0px; background: transparent; color: var(--fa-muted); font-size: 11px; }
  .fa-wallet > strong { display: block; margin: 12px 0px 6px; font: 700 26px / 32px Roboto, sans-serif; }
  .fa-wallet > div { position: absolute; right: 16px; bottom: 10px; display: flex; gap: 10px; }
  .fa-wallet > div button { width: 84px; height: 44px; border: 1px solid var(--fa-ink); border-radius: 99px; background: rgb(255, 255, 255); color: var(--fa-ink); }
  .fa-wallet > div button:last-child { border-color: rgb(114, 206, 255); background: var(--fa-accent); }
  .fa-settings { margin-top: 20px; padding: 0px 16px; overflow: hidden; border: 1px solid var(--fa-line); border-radius: 14px; background: rgb(255, 255, 255); }
  .fa-settings button { display: grid; grid-template-columns: 1fr auto 18px; align-items: center; width: 100%; min-height: 46px; padding: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--fa-line); background: transparent; color: var(--fa-ink); text-align: left; }
  .fa-settings button:last-child { border-bottom: 0px; }
  .fa-settings b { font-size: 13px; }
  .fa-settings span { color: var(--fa-muted); font-size: 11px; }
  .fa-settings em { color: rgb(109, 140, 160); font-size: 20px; font-style: normal; }
  .fa-settings button:nth-child(6) b { color: var(--fa-orange); }
  .fa-responsible { display: grid; justify-items: center; gap: 7px; margin-top: 26px; color: var(--fa-muted); font-size: 11px; }
  .fa-responsible b { color: var(--fa-orange); }
  .fa-account-subpage { padding: 0px 19px 100px; }
  .fa-subpage-header { display: grid; grid-template-columns: 44px minmax(0px, 1fr); align-items: center; gap: 14px; min-height: 88px; margin-bottom: 14px; }
  .fa-subpage-header > button { display: grid; width: 44px; height: 44px; place-items: center; padding: 0px; border: 1px solid var(--fa-line); border-radius: 999px; background: rgb(255, 255, 255); color: var(--fa-ink); font-size: 25px; line-height: 1; }
  .fa-subpage-header > div { min-width: 0px; }
  .fa-subpage-header small { display: block; margin-bottom: 4px; color: var(--fa-accent-strong); font: 700 9px / 1.2 Roboto, sans-serif; letter-spacing: 0.14em; }
  .fa-subpage-header h1 { margin: 0px; color: var(--fa-ink); font-size: 22px; line-height: 1.2; }
  .fa-subpage-header p { margin: 4px 0px 0px; color: var(--fa-muted); font-size: 11px; line-height: 1.45; }
  .fa-account-live-panel, .fa-finance-card, .fa-responsible-decision { margin: 0px 0px 14px; padding: 16px; border: 1px solid var(--fa-line); border-radius: 14px; background: rgb(255, 255, 255); }
  .fa-card-heading, .fa-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .fa-card-heading span, .fa-section-heading span { color: var(--fa-muted); font-size: 10px; }
  .fa-card-heading em { padding: 5px 8px; border-radius: 999px; background: rgb(237, 249, 243); color: var(--fa-green); font-size: 9px; font-style: normal; }
  .fa-section-heading { margin-bottom: 14px; }
  .fa-section-heading h2 { margin: 0px; font-size: 15px; }
  .fa-section-heading button { padding: 0px; border: 0px; background: transparent; color: var(--fa-accent-strong); font-size: 10px; }
  .fa-finance-card h2, .fa-responsible-decision h2 { margin: 12px 0px 7px; font: 700 23px / 1.15 Roboto, "Noto Sans SC", sans-serif; }
  .fa-finance-card h2 small { color: var(--fa-muted); font-size: 11px; }
  .fa-finance-card p, .fa-responsible-decision p { margin: 0px; color: var(--fa-muted); font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
  .fa-finance-card code { display: block; margin-top: 6px; color: var(--fa-ink); font: 500 10px / 1.5 Roboto, sans-serif; overflow-wrap: anywhere; }
  .fa-usdt-summary { border-color: rgb(184, 223, 244); background: var(--fa-surface-blue); }
  .fa-finance-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
  .fa-finance-metrics span { display: grid; gap: 4px; padding: 10px 12px; border-radius: 10px; background: rgba(255, 255, 255, 0.72); color: var(--fa-muted); font-size: 9px; }
  .fa-finance-metrics b { color: var(--fa-ink); font-size: 13px; }
  .fa-package-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 9px; }
  .fa-package-grid button { display: grid; gap: 5px; min-height: 86px; padding: 12px; border: 1px solid var(--fa-line); border-radius: 12px; background: var(--fa-surface-blue); color: var(--fa-ink); text-align: left; }
  .fa-package-grid button:hover, .fa-package-grid button:focus-visible { border-color: var(--fa-accent); }
  .fa-package-grid small { color: var(--fa-muted); font-size: 9px; }
  .fa-package-grid b { font: 700 17px / 1.2 Roboto, sans-serif; }
  .fa-package-grid b em { color: var(--fa-muted); font-size: 9px; font-style: normal; }
  .fa-package-grid span { color: var(--fa-accent-strong); font-size: 10px; }
  .fa-finance-form, .fa-account-subpage .account-form { display: grid; gap: 12px; margin-top: 14px; }
  .fa-finance-form label, .fa-account-subpage .account-form label { display: grid; gap: 7px; color: var(--fa-muted); font-size: 10px; }
  .fa-finance-form input, .fa-account-subpage .account-form input { width: 100%; min-height: 48px; padding: 0px 14px; border: 1px solid var(--fa-line); border-radius: 10px; background: rgb(255, 255, 255); color: var(--fa-ink); font: 600 15px / 1 Roboto, sans-serif; }
  .fa-finance-form input:focus, .fa-account-subpage .account-form input:focus { border-color: var(--fa-accent); outline: rgba(46, 183, 255, 0.16) solid 2px; }
  .fa-finance-form output { padding: 13px 14px; border-radius: 10px; background: var(--fa-surface-blue); color: var(--fa-accent-strong); font-size: 12px; font-weight: 700; }
  .fa-finance-form .fa-primary, .fa-account-subpage .account-form .fa-primary { min-height: 48px; border: 1px solid rgb(114, 206, 255); border-radius: 999px; background: var(--fa-accent); color: var(--fa-ink); font-weight: 700; }
  .fa-finance-form .fa-primary:disabled { opacity: 0.48; }
  .fa-form-hint, .account-form-note { color: var(--fa-muted); font-size: 9px; line-height: 1.55; }
  .fa-order-list, .fa-ledger-list { display: grid; gap: 8px; }
  .fa-order-list article, .fa-ledger-list article { display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 4px 12px; align-items: center; min-height: 72px; padding: 12px 13px; border: 1px solid var(--fa-line); border-radius: 12px; background: var(--fa-surface-blue); color: var(--fa-ink); }
  .fa-order-list article div, .fa-ledger-list article div { display: grid; gap: 3px; min-width: 0px; }
  .fa-order-list b, .fa-ledger-list b { font-size: 12px; }
  .fa-order-list small, .fa-ledger-list small, .fa-order-list time, .fa-ledger-list time { color: var(--fa-muted); font-size: 9px; }
  .fa-order-list span { justify-self: end; padding: 5px 8px; border-radius: 999px; background: rgb(255, 244, 223); color: rgb(166, 94, 0); font-size: 9px; }
  .fa-order-list strong, .fa-ledger-list > article > strong { grid-column: 2; justify-self: end; color: var(--fa-accent-strong); font: 700 14px / 1 Roboto, sans-serif; }
  .fa-ledger-list > article > strong small { display: block; margin-top: 5px; text-align: right; }
  .fa-ledger-list .is-positive { color: var(--fa-green); }
  .fa-ledger-list .is-negative { color: rgb(200, 77, 77); }
  .fa-responsible-decision.is-allowed { border-color: rgb(189, 232, 208); background: rgb(241, 251, 245); }
  .fa-responsible-decision.is-blocked { border-color: rgb(241, 199, 199); background: rgb(255, 247, 247); }
  .fa-policy-list { margin: 0px; }
  .fa-policy-list > div { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0px; border-bottom: 1px solid var(--fa-line); }
  .fa-policy-list > div:last-child { border-bottom: 0px; }
  .fa-policy-list dt { color: var(--fa-muted); font-size: 10px; }
  .fa-policy-list dd { margin: 0px; font-size: 11px; font-weight: 700; }
  .fa-protection-note { margin: 20px 0px; color: var(--fa-orange); font-size: 10px; text-align: center; }
  .fa-security-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .fa-security-actions button, .fa-danger-link { min-height: 42px; border: 1px solid var(--fa-line); border-radius: 999px; background: rgb(255, 255, 255); color: var(--fa-ink); font-size: 10px; }
  .fa-danger-link { color: rgb(182, 69, 69); }
  .fa-login { padding-top: 62px; }
  .fa-login > header { display: grid; justify-items: center; gap: 8px; text-align: center; }
  .fa-login > header img { width: 58px; height: 58px; border-radius: 50%; }
  .fa-login > header h1 { font-size: 28px; }
  .fa-login > header p { color: var(--fa-muted); font-size: 12px; }
  .fa-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; margin: 28px 0px 20px; padding: 4px; border-radius: 10px; background: var(--fa-surface-blue); }
  .fa-auth-tabs button { height: 40px; border: 0px; border-radius: 8px; background: transparent; }
  .fa-auth-tabs button.is-active { background: rgb(255, 255, 255); }
  .fa-login form { display: grid; gap: 14px; }
  .fa-login label { display: grid; gap: 7px; color: var(--fa-muted); font-size: 11px; }
  .fa-login input { height: 48px; padding: 0px 14px; border: 1px solid var(--fa-line); border-radius: 10px; background: rgb(255, 255, 255); color: var(--fa-ink); }
  .fa-auth-notice { min-height: 20px; color: var(--fa-live); font-size: 11px; text-align: center; }
  .fa-account-actions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 14px; }
  .fa-account-actions button { display: grid; min-width: 0px; padding: 12px 4px 10px; justify-items: center; gap: 4px; border: 1px solid var(--fa-line); border-radius: 13px; background: rgb(255, 255, 255); color: var(--fa-ink); }
  .fa-account-actions button > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 11px; background: var(--fa-surface-blue); color: rgb(6, 136, 206); font-size: 16px; }
  .fa-account-actions b { font-size: 11px; white-space: nowrap; }
  .fa-account-actions small { color: var(--fa-muted); font-size: 8px; white-space: nowrap; }
  .fa-account-section-title { font-size: 14px; margin: 20px 0px 9px !important; }
  .fa-confirm-overlay { position: fixed; z-index: 200; inset: 0px; display: grid; place-items: center; padding: 20px; background: rgba(8, 36, 61, 0.45); }
  .fa-confirm { width: 350px; max-width: 100%; padding: 20px; border: 1px solid var(--fa-line); border-radius: 16px; background: rgb(255, 255, 255); box-shadow: rgba(5, 31, 56, 0.28) 0px 20px 60px; }
  .fa-confirm header { position: relative; }
  .fa-confirm header h2 { font-size: 22px; }
  .fa-confirm header button { position: absolute; top: -4px; right: 0px; border: 0px; background: transparent; color: var(--fa-muted); font-size: 20px; }
  .fa-confirm header p { margin-top: 4px; color: var(--fa-muted); font-size: 11px; }
  .fa-confirm-check { margin-top: 14px; padding: 10px 12px; border: 1px solid rgb(185, 223, 201); border-radius: 10px; background: rgb(239, 251, 244); color: rgb(35, 116, 75); font-size: 10px; line-height: 1.5; }
  .fa-confirm-check.is-error { border-color: rgb(239, 194, 188); background: rgb(255, 244, 242); color: rgb(184, 67, 56); }
  .fa-confirm-total { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; padding: 14px; border: 1px solid var(--fa-line); border-radius: 14px; background: var(--fa-surface-blue); }
  .fa-confirm-total span { color: var(--fa-muted); font-size: 10px; }
  .fa-confirm-total b { display: block; margin-top: 6px; color: var(--fa-ink); font-size: 18px; }
  .fa-confirm-total small { grid-column: 1 / -1; color: var(--fa-muted); font-size: 10px; }
  .fa-confirm-items { display: grid; gap: 8px; margin-top: 12px; }
  .fa-confirm-items article { padding: 10px; border: 1px solid var(--fa-line); border-radius: 10px; background: var(--fa-bg); }
  .fa-confirm-items article > div { display: grid; grid-template-columns: 26px 20px 26px; align-items: center; gap: 7px; }
  .fa-confirm-items img { width: 26px; height: 26px; object-fit: contain; }
  .fa-confirm-items p { margin-top: 6px; color: var(--fa-muted); font-size: 10px; }
  .fa-confirm > label { display: flex; align-items: center; gap: 7px; margin-top: 12px; color: var(--fa-muted); font-size: 10px; }
  .fa-confirm > small { display: block; margin-top: 12px; color: var(--fa-muted); font-size: 9px; text-align: center; }
}

/* Official website desktop compatibility: football-ui-refinement-v1.css */
@media (min-width: 1180px) {
  body.figma-app-v1 { background: var(--ui-canvas) !important; }
  #figmaAppRoot { --fa-bg: var(--ui-canvas); --fa-surface-blue: var(--ui-soft); --fa-ink: var(--ui-ink); --fa-muted: var(--ui-muted); --fa-line: var(--ui-line); --fa-accent: #26b4f5; --fa-accent-strong: var(--ui-brand); width: 100%; max-width: 760px; min-height: 100dvh; border: 0px; border-radius: 0px; box-shadow: none; font-family: "Noto Sans SC", "PingFang SC", sans-serif; font-size: 14px; line-height: 1.5; text-size-adjust: 100%; }
  #figmaAppRoot ::selection { background: rgb(198, 234, 255); color: rgb(20, 52, 73); }
  #figmaAppRoot :is(button, input, select, textarea, summary):focus-visible { outline: 2px solid var(--ui-brand); outline-offset: 3px; }
  #figmaAppRoot :is(input, textarea) { caret-color: var(--ui-brand); }
  #figmaAppRoot :is(input, textarea)::placeholder { color: rgb(96, 121, 138); opacity: 1; }
  #figmaAppRoot :is(b, strong, time, output) { font-variant-numeric: tabular-nums; }
  #figmaAppRoot .fa-page { min-height: 100dvh; padding: 44px 16px calc(136px + env(safe-area-inset-bottom)); }
  #figmaAppRoot :is(.fa-home, .fa-login) { padding-top: 36px; }
  #figmaAppRoot :is(.fa-title-row, .fa-detail-head, .fa-slip-head) { min-height: 48px; height: auto; }
  #figmaAppRoot :is(.fa-title-row h1, .fa-detail-head h1, .fa-slip-head h1, .fa-account > h1, .fa-subpage-header h1, .fa-filter-head h1) { font-size: 22px; line-height: 1.3; font-weight: 700; letter-spacing: -0.025em; }
  #figmaAppRoot :is(.fa-title-row > button, .fa-detail-head button:last-child) { min-height: 44px; border-radius: 10px; border-color: var(--ui-line); font-size: 13px; }
  #figmaAppRoot .fa-detail-head { grid-template-columns: 44px minmax(0px, 1fr) 64px; gap: 8px; }
  #figmaAppRoot .fa-detail-head button:first-child { min-height: 44px; }
  #figmaAppRoot :is(.fa-home-tabs, .fa-league-tabs, .fa-market-tabs) { height: 44px; min-height: 44px; margin-top: 12px; gap: 20px; }
  #figmaAppRoot :is(.fa-home-tabs, .fa-league-tabs, .fa-market-tabs) button { min-height: 44px; font-size: 13px; line-height: 1.3; }
  #figmaAppRoot :is(.fa-home-tabs, .fa-league-tabs, .fa-market-tabs) button.is-active { color: var(--ui-brand); font-weight: 700; }
  #figmaAppRoot .fa-section-title { height: 48px; margin-top: 4px; }
  #figmaAppRoot .fa-section-title h2 { font-size: 17px; font-weight: 700; }
  #figmaAppRoot .fa-section-title button { min-height: 44px; font-size: 12px; color: var(--ui-brand); }
  #figmaAppRoot .fa-home-head { grid-template-columns: 36px minmax(0px, 1fr) 94px 36px; gap: 8px; }
  #figmaAppRoot .fa-brand { width: 36px; height: 36px; }
  #figmaAppRoot .fa-home-head > div strong { font-size: 14px; }
  #figmaAppRoot .fa-feature { height: auto; min-height: 172px; padding-top: 46px; border-radius: var(--ui-radius); }
  #figmaAppRoot .fa-feature h1 { font-size: 21px; line-height: 1.3; }
  #figmaAppRoot :is(.fa-match-list, .fa-live-list, .fa-schedule-list, .fa-bet-list) { gap: 10px; }
  #figmaAppRoot .fa-match-list > .fa-match-row { padding: 12px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-surface); }
  #figmaAppRoot :is(.fa-live-card, .fa-market-card, .fa-slip-item, .fa-filter-section, .fa-finance-card, .fa-account-live-panel) { padding: 12px; border-color: var(--ui-line); border-radius: var(--ui-radius); box-shadow: none; }
  #figmaAppRoot .fa-match-meta { gap: 8px; font-size: 12px; }
  #figmaAppRoot .fa-match-meta b { min-width: 0px; overflow-wrap: anywhere; }
  #figmaAppRoot .fa-match-meta button { width: 44px; height: 44px; }
  #figmaAppRoot .fa-match-meta { grid-template-columns: auto minmax(0px, 1fr) 44px; }
  #figmaAppRoot .fa-live-meta { gap: 12px; font-size: 12px; }
  #figmaAppRoot .fa-live-meta > :first-child { min-width: 0px; overflow-wrap: anywhere; }
  #figmaAppRoot .fa-live-meta > :last-child { flex-shrink: 0; }
  #figmaAppRoot :is(.fa-match-teams, .fa-live-teams, .fa-score-teams) { gap: 8px; }
  #figmaAppRoot :is(.fa-match-teams, .fa-live-teams, .fa-score-teams) > div { min-width: 0px; overflow-wrap: anywhere; }
  #figmaAppRoot :is(.fa-match-teams, .fa-live-teams, .fa-score-teams) img { width: 32px; height: 32px; }
  #figmaAppRoot .fa-match-teams { min-height: 76px; }
  #figmaAppRoot .fa-live-score { margin: 8px 0px 12px; }
  #figmaAppRoot .fa-live-score b { font-size: 26px; font-weight: 700; }
  #figmaAppRoot .fa-live-score span { font-size: 12px; }
  #figmaAppRoot .fa-odds { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px; }
  #figmaAppRoot .fa-odds:has(> button:nth-child(2):last-child), #figmaAppRoot .fa-odds:has(> button:nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  #figmaAppRoot .fa-odds:has(> button:only-child) { grid-template-columns: minmax(0px, 1fr); }
  #figmaAppRoot .fa-odds > button { min-width: 0px; min-height: 52px; padding: 7px 9px; border: 1px solid var(--ui-line); border-radius: 8px; background: rgb(245, 249, 252); color: var(--ui-ink); box-shadow: none; }
  #figmaAppRoot .fa-odds > button span { font-size: 12px; line-height: 1.35; color: inherit; white-space: normal; overflow-wrap: anywhere; }
  #figmaAppRoot .fa-odds > button b { margin-top: 3px; font-size: 16px; line-height: 1.25; font-weight: 700; color: inherit; }
  #figmaAppRoot .fa-odds > button.is-selected { border-color: var(--ui-selected); background: var(--ui-selected); color: rgb(255, 255, 255); box-shadow: none; }
  #figmaAppRoot .fa-odds > button.is-selected::after { top: 3px; right: 5px; font-size: 10px; }
  #figmaAppRoot .fa-odds > button:disabled { opacity: 0.52; cursor: not-allowed; transform: none; filter: none; }
  #figmaAppRoot .fa-market-preview { margin-top: 10px; }
  #figmaAppRoot .fa-market-line { padding: 8px 0px; }
  #figmaAppRoot .fa-market-line > small { margin-bottom: 6px; font-size: 12px; }
  #figmaAppRoot .fa-all-markets-link { min-height: 44px; margin-top: 8px; padding: 8px 12px; font-size: 13px; border-radius: 8px; }
  #figmaAppRoot .fa-full-market-heading { gap: 12px; margin: 20px 0px 8px; }
  #figmaAppRoot .fa-full-market-heading > div { min-width: 0px; }
  #figmaAppRoot .fa-full-market-heading h2 { font-size: 18px; line-height: 1.4; }
  #figmaAppRoot .fa-full-market-heading h2 small { margin-left: 4px; font-size: 12px; }
  #figmaAppRoot .fa-full-market-heading p { margin-top: 4px; font-size: 12px; line-height: 1.5; }
  #figmaAppRoot .fa-full-market-heading > button { min-height: 44px; padding: 8px 12px; font-size: 13px; }
  #figmaAppRoot .fa-full-markets .fa-market-tabs { margin-top: 8px; padding-bottom: 0px; gap: 18px; }
  #figmaAppRoot .fa-market-list { gap: 10px; margin-top: 12px; }
  #figmaAppRoot .fa-full-market { padding: 0px 12px 8px; }
  #figmaAppRoot .fa-full-market:not([open]) { padding-bottom: 0px; }
  #figmaAppRoot .fa-full-market > summary { display: grid; grid-template-columns: minmax(0px, 1fr) auto 20px; min-height: 48px; gap: 8px; padding: 10px 0px; }
  #figmaAppRoot .fa-full-market > summary strong { font-size: 15px; line-height: 1.4; }
  #figmaAppRoot .fa-full-market > summary span { font-size: 11px; }
  #figmaAppRoot .fa-full-market > summary::after { text-align: right; }
  #figmaAppRoot .fa-score-card { padding: 12px 12px 0px; border-radius: var(--ui-radius); }
  #figmaAppRoot .fa-score-card > small { display: block; font-size: 12px; line-height: 1.5; }
  #figmaAppRoot .fa-score-teams { margin: 10px 0px 8px; }
  #figmaAppRoot .fa-score-teams > strong { font-size: 28px; white-space: nowrap; }
  #figmaAppRoot .fa-score-tabs { margin-top: 10px; background: transparent; border-top: 1px solid var(--ui-line); }
  #figmaAppRoot .fa-score-tabs button { font-size: 13px; }
  #figmaAppRoot .fa-detail-data { margin: 12px 0px; }
  #figmaAppRoot .fa-detail-empty { min-height: 100px; padding: 20px 12px; font-size: 13px; }
  #figmaAppRoot .fa-schedule-status-tabs { height: auto; margin: 8px 0px 12px !important; }
  #figmaAppRoot .fa-schedule-status-tabs button { min-height: 44px; padding: 8px 4px !important; }
  #figmaAppRoot .fa-schedule-group h3 { margin: 12px 0px 6px; font-size: 12px; gap: 12px; line-height: 1.5; }
  #figmaAppRoot .fa-bet-filters { height: 48px; margin-bottom: 12px; }
  #figmaAppRoot .fa-bet-filters button { font-size: 13px; }
  #figmaAppRoot .fa-bet-list .user-bet-card { padding: 12px !important; gap: 10px !important; border-radius: var(--ui-radius) !important; }
  #figmaAppRoot :is(.fa-subpage-header, .fa-filter-head) { min-height: 76px; margin-bottom: 12px; gap: 12px; }
  #figmaAppRoot :is(.fa-subpage-header p, .fa-filter-head p) { font-size: 12px; line-height: 1.5; }
  #figmaAppRoot .fa-section-heading { margin-bottom: 10px; }
  #figmaAppRoot .fa-section-heading h2 { font-size: 16px; }
  #figmaAppRoot .fa-settings { margin-top: 16px; padding: 0px 12px; border-radius: var(--ui-radius); }
  #figmaAppRoot .fa-settings button { min-height: 52px; gap: 8px; }
  #figmaAppRoot .fa-settings b { font-size: 14px; }
  #figmaAppRoot .fa-settings span { font-size: 12px; }
  #figmaAppRoot .fa-wallet { height: auto; min-height: 160px; padding: 16px; }
  #figmaAppRoot .fa-wallet > strong { margin: 10px 0px 12px; font-size: 28px; }
  #figmaAppRoot .fa-wallet > div { position: static; margin-top: 12px; justify-content: flex-end; }
  #figmaAppRoot :is(.fa-finance-form label, .fa-account-subpage .account-form label, .fa-login label, .fa-label) { font-size: 12px; }
  #figmaAppRoot :is(.fa-login input, .fa-finance-form input, .fa-account-subpage .account-form input, .fa-stake-row input) { font-size: 16px; min-height: 48px; }
  #figmaAppRoot :is(.fa-finance-card p, .fa-form-hint, .account-form-note, .fa-order-list small, .fa-ledger-list small, .fa-order-list time, .fa-ledger-list time) { font-size: 12px; line-height: 1.5; }
  #figmaAppRoot :is(.fa-primary, .fa-secondary) { min-height: 48px; border-radius: 10px; font-size: 14px; }
  #figmaAppRoot .fa-primary { background: var(--ui-brand); border-color: var(--ui-brand); color: rgb(255, 255, 255); }
  #figmaAppRoot .fa-secondary { background: var(--ui-soft); border-color: var(--ui-line); color: var(--ui-brand); }
  #figmaAppRoot :is(.fa-quick-stakes button, .fa-security-actions button, .fa-danger-link) { min-height: 44px; border-radius: 8px; }
  #figmaAppRoot .fa-filter-options button { min-height: 48px; }
  #figmaAppRoot .fa-filter-options button span { font-size: 13px; white-space: normal; }
  #figmaAppRoot .fa-empty { padding: 32px 16px; font-size: 13px; }
  #figmaAppRoot .fa-slip-empty { padding: 36px 16px; }
  #figmaAppRoot .fa-confirm { padding: 16px; max-height: calc(100dvh - 40px); overflow-y: auto; }
  #figmaAppRoot .fa-confirm header h2 { font-size: 20px; }
  #figmaAppRoot .fa-confirm header button { min-width: 44px; min-height: 44px; top: -8px; }
  #figmaAppRoot .fa-confirm :is(p, label, small, .fa-confirm-check) { font-size: 12px; line-height: 1.5; }
  #figmaAppRoot .fa-nav { width: min(100%, 760px); height: calc(var(--ui-nav-height) + env(safe-area-inset-bottom)); padding: 4px 12px calc(4px + env(safe-area-inset-bottom)); gap: 0px; border-radius: 0px; border-width: 1px 0px 0px; border-color: var(--ui-line); background: rgb(255, 255, 255); }
  #figmaAppRoot .fa-nav button { flex: 1 1 0%; width: auto; min-width: 44px; height: 54px; gap: 3px; font-size: 11px; }
  #figmaAppRoot .fa-nav button::before { top: -4px; }
  #figmaAppRoot .fa-nav button.is-active { color: var(--ui-brand); font-weight: 700; }
  #figmaAppRoot .fa-nav img { width: 22px; height: 22px; }
  #figmaAppRoot .fa-floating-slip { left: 50%; right: auto; bottom: calc(var(--ui-nav-height) + env(safe-area-inset-bottom)); transform: translateX(-50%); width: min(100%, 760px); height: var(--ui-action-height); justify-content: space-between; padding: 0px 20px; border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 1px 0px 0px; border-radius: 0px; background: rgb(234, 246, 253); color: var(--ui-brand); box-shadow: none; font-size: 14px; }
  #figmaAppRoot .fa-floating-slip b { min-width: 28px; height: 28px; background: var(--ui-brand); color: rgb(255, 255, 255); }
  #figmaAppRoot .fa-selected-bar { width: calc(-32px + min(100vw, 760px)); bottom: calc(116px + env(safe-area-inset-bottom)); }
}
@media (min-width: 600px) and (min-width: 1180px) {
  #figmaAppRoot .fa-page { padding-right: 24px; padding-left: 24px; }
  #figmaAppRoot :is(.fa-live-list, .fa-match-list) { grid-template-columns: repeat(2, minmax(0px, 1fr)); align-items: start; }
  #figmaAppRoot .fa-live-list > .fa-empty { grid-column: 1 / -1; }
}
@media (min-width: 1180px) {
  #figmaAppRoot .fa-odds:has(> button:nth-child(2):last-child), #figmaAppRoot .fa-odds:has(> button:nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  #figmaAppRoot .fa-odds:has(> button:only-child) { grid-template-columns: minmax(0px, 1fr) !important; }
  #figmaAppRoot:not(:has(.fa-nav)) .fa-floating-slip { bottom: 0px; height: calc(var(--ui-action-height) + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); }
  #figmaAppRoot:not(:has(.fa-nav)) .fa-page { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
  #figmaAppRoot .fa-feature { isolation: isolate; background-color: rgb(20, 52, 73); }
  #figmaAppRoot .fa-feature::before { content: ""; position: absolute; inset: 0px; z-index: -1; background: rgba(8, 36, 61, 0.8); pointer-events: none; }
  #figmaAppRoot .fa-feature h1 { color: rgb(255, 255, 255); }
  #figmaAppRoot .fa-feature :is(p, small) { color: rgb(227, 242, 251); }
}
@media (min-width: 1180px) {
  #figmaAppRoot .fa-odds > button:not(.is-selected):not(.selected):not([aria-pressed="true"]) { border-color: rgb(214, 229, 238) !important; background: rgb(245, 249, 252) !important; color: rgb(20, 52, 73) !important; box-shadow: none !important; filter: none !important; }
  #figmaAppRoot .fa-odds > button:is(.is-selected, .selected, [aria-pressed="true"]) { border-color: rgb(8, 127, 186) !important; background: rgb(8, 127, 186) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; }
  #figmaAppRoot .fa-odds > button span { color: inherit !important; }
#figmaAppRoot .fa-odds > button b { color: inherit; }
}
@media (min-width: 1180px) {
  #figmaAppRoot .fa-odds > button:not(.is-selected):not(.selected):not([aria-pressed="true"]) { background: rgb(247, 248, 250) !important; border-color: rgb(221, 226, 231) !important; }
}

/* Official website desktop compatibility: football-detail-entry-v1.css */
@media (min-width: 1180px) {
  #figmaAppRoot .fa-score-card-compact { padding-bottom: 12px; }
  #figmaAppRoot .fa-score-card-compact > p { margin-bottom: 0px; }
  #figmaAppRoot .fa-away-badge { display: flex; align-items: center; justify-content: center; gap: 4px; min-height: 44px; }
  #figmaAppRoot .fa-away-badge img { flex-shrink: 0; }
  #figmaAppRoot .fa-info-entry { min-width: 44px; min-height: 44px; padding: 4px; border: 0px; border-radius: 8px; background: transparent; color: var(--ui-brand); font-size: 12px; white-space: nowrap; }
  #figmaAppRoot .fa-score-card-compact .fa-score-teams > div:first-child > img { margin-top: 6px; margin-bottom: 6px; }
  #figmaAppRoot .fa-match-info { margin-top: 12px; padding: 12px; border: 1px solid var(--ui-line); border-radius: 12px; background: var(--ui-surface); }
  #figmaAppRoot .fa-info-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  #figmaAppRoot .fa-info-head h2 { margin: 0px; font-size: 17px; color: var(--ui-ink); }
  #figmaAppRoot :is(.fa-info-head button, .fa-info-retry) { min-height: 44px; padding: 8px 12px; border: 1px solid var(--ui-line); border-radius: 8px; background: var(--ui-soft); color: var(--ui-brand); font-size: 13px; }
  #figmaAppRoot .fa-match-info .fa-score-tabs { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  #figmaAppRoot .fa-match-info .fa-score-tabs button { min-height: 44px; }
  #figmaAppRoot .fa-match-info .fa-detail-data { margin-bottom: 0px; box-shadow: none; }
}

:root{color-scheme:light;--os-blue:#087fb5;--os-ink:#153b50;--os-muted:#506d7e;--os-line:#d5e5ee;--os-bg:#edf6fb;--fa-accent:#087fb5;--fa-muted:#506d7e}
html,body{min-width:320px!important;background:var(--os-bg)!important;scrollbar-color:#a7c7d9 #edf6fb}
body.figma-app-v1{font-family:"Noto Sans SC","PingFang SC","Avenir Next",sans-serif!important;color:var(--os-ink)!important}
body.figma-app-v1>.app-shell{position:fixed!important;left:-10000px!important;top:0!important;width:390px!important;height:844px!important;visibility:hidden!important;pointer-events:none!important;overflow:hidden!important}
body.figma-app-v1>.mobile-slip-trigger,body.figma-app-v1>.mobile-nav,body.figma-app-v1>.bet-confirm-modal,body.figma-app-v1>.bet-confirm-backdrop,body.figma-app-v1>.match-detail-modal,body.figma-app-v1>.match-detail-backdrop,body.figma-app-v1>.rules-launcher{display:none!important}
body.figma-app-v1 #figmaAppRoot{display:block;width:100%;max-width:none;min-height:100dvh;margin:0;border:0;border-radius:0;overflow:visible;box-shadow:none;background:var(--os-bg);color:var(--os-ink)}
#figmaAppRoot .fa-status{display:none}
#figmaAppRoot .fa-page{min-height:0;padding:22px;background:transparent}
#figmaAppRoot .fa-feature{display:none}
#figmaAppRoot .fa-home .fa-match-list{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
#figmaAppRoot .fa-match-list .fa-match-row{border:0!important;border-bottom:1px solid #e0ecf3!important;border-radius:0!important;box-shadow:none!important;padding:16px 0!important;min-height:0!important;height:auto!important}
#figmaAppRoot .fa-match-row .fa-match-meta{margin:0 0 10px!important;min-height:26px!important}
#figmaAppRoot .fa-match-row .fa-match-teams{height:auto!important;min-height:44px!important;margin:0!important}
#figmaAppRoot .fa-match-row .fa-match-teams>div:not(.fa-score){display:flex!important;flex-direction:row!important;gap:8px}
#figmaAppRoot .fa-match-row .fa-score{white-space:nowrap;min-height:0!important;height:auto!important;line-height:1.3!important}
#figmaAppRoot .fa-match-row .fa-score b{font-size:17px!important}
#figmaAppRoot .fa-match-row .fa-score span:empty{display:none}
#figmaAppRoot .fa-match-row .fa-odds{margin:12px 0 0!important}
#figmaAppRoot .fa-floating-slip{width:auto!important;min-width:124px!important;height:46px!important;left:auto!important;right:16px!important;bottom:84px!important;border-radius:24px!important;padding:0 16px!important;gap:10px!important;justify-content:space-between!important}
#figmaAppRoot .fa-floating-slip b{display:grid!important;width:24px!important;height:24px!important;position:static!important}
@media(min-width:1180px){#figmaAppRoot .fa-home .fa-match-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(230px,.95fr);column-gap:20px;row-gap:3px}#figmaAppRoot .fa-home .fa-match-meta{grid-column:1/-1}#figmaAppRoot .fa-home .fa-match-teams{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}#figmaAppRoot .fa-home .fa-match-row .fa-odds{margin:0!important}#figmaAppRoot .fa-home .fa-match-teams img{width:23px;height:23px}#figmaAppRoot .fa-home .fa-match-teams strong{font-size:12px}}
#figmaAppRoot .fa-slip .fa-bet-plan-error:empty{display:none}
#figmaAppRoot button,#figmaAppRoot a{touch-action:manipulation}
#figmaAppRoot button:focus-visible,#figmaAppRoot a:focus-visible,#figmaAppRoot input:focus-visible,#figmaAppRoot [tabindex="0"]:focus-visible{outline:3px solid #087fb5;outline-offset:3px}
#figmaAppRoot button:disabled{cursor:not-allowed;opacity:.5}
#figmaAppRoot input{caret-color:#087fb5}
#figmaAppRoot ::selection{background:#bde9fb;color:#12394d}
.os-header{height:80px;display:flex;align-items:center;gap:48px;padding:0 max(24px,calc((100vw - 1512px)/2));background:#fff;border-bottom:1px solid var(--os-line);position:sticky;top:0;z-index:150}
.os-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--os-ink);text-decoration:none}
.os-brand img{width:44px;height:44px;object-fit:contain}
.os-brand span{display:grid;gap:3px}.os-brand b{font-size:19px;letter-spacing:-.4px}.os-brand small{font-size:12px;color:var(--os-muted)}
.os-header nav{display:flex;align-self:stretch;gap:10px}.os-header nav button{background:transparent;border:0;border-bottom:3px solid transparent;min-width:76px;font-size:16px;color:var(--os-muted)}
.os-header nav button[aria-current=page]{border-bottom-color:var(--os-blue);color:var(--os-blue);font-weight:700}
.os-header .os-account{margin-left:auto;min-height:42px;padding:8px 18px;border:1px solid #a6d5eb;border-radius:8px;background:#f1faff;color:#096892;font-size:14px;font-weight:600}
.os-preview{background:#e0f0fa;color:#285874;font-size:12px;text-align:center;padding:7px 16px;border-bottom:1px solid #c9dfec}
.os-workspace{max-width:1512px;margin:auto;display:grid;grid-template-columns:188px minmax(0,1fr) 330px;gap:18px;padding:24px}
.os-content{min-width:0;border:1px solid var(--os-line);border-radius:12px;background:white;align-self:start;overflow:hidden}
.os-leagues{position:sticky;top:100px;align-self:start;max-height:calc(100dvh - 124px);overflow:auto;padding:8px 0}
.os-leagues h2{font-size:20px;margin:0 0 22px;padding:0 12px}.os-leagues h3{font-size:12px;color:var(--os-muted);margin:24px 12px 10px}
.os-leagues button{width:100%;min-height:44px;display:flex;gap:6px;align-items:center;justify-content:space-between;text-align:left;border:0;border-radius:7px;padding:10px 12px;background:transparent;color:#34546d;font-size:13px;line-height:1.5}
.os-leagues button span{font-size:11px;color:#506d7e;font-variant-numeric:tabular-nums}
.os-leagues button:hover{background:#dfedf6}.os-leagues button[aria-pressed=true]{background:#d7edfa;color:#086d9a;font-weight:700}
.os-leagues p{margin:24px 12px;font-size:12px;color:#506d7e;line-height:1.9}.os-leagues .os-filter{margin-top:16px;border:1px solid var(--os-line);background:#fff}
.os-slip{position:sticky;top:100px;align-self:start;border:1px solid var(--os-line);border-radius:12px;background:#fff;max-height:calc(100dvh - 122px);overflow:auto;scrollbar-width:thin}
#figmaAppRoot .os-slip .fa-slip{padding:18px 16px;min-height:0}
#figmaAppRoot .os-slip .fa-slip-head{margin:0 0 18px;gap:8px}#figmaAppRoot .os-slip .fa-slip-head h1{font-size:19px}#figmaAppRoot .os-slip .fa-slip-head small{font-size:11px}
#figmaAppRoot .os-slip .fa-slip-close{display:none}
#figmaAppRoot .os-slip .fa-slip-item{padding:14px 10px;margin-bottom:10px;background:#f6fafe;border:1px solid #e1edf4;border-radius:8px}
#figmaAppRoot .os-slip .fa-slip-item>div{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 40px;gap:6px}
#figmaAppRoot .os-slip .fa-slip-item figure b{font-size:12px}.os-slip .fa-slip-item figure img{width:23px;height:23px}
#figmaAppRoot .os-slip .fa-slip-item>p{font-size:12px;color:#526d7d}
#figmaAppRoot .os-slip .fa-slip-empty{min-height:140px;padding:42px 10px;font-size:13px;line-height:1.9;background:#f6fafe;border:1px dashed #c7dfea;border-radius:8px}
#figmaAppRoot .os-slip .fa-label{font-size:13px;margin-top:20px}#figmaAppRoot .os-slip .fa-label small{font-size:10px}
#figmaAppRoot .os-slip .fa-segment>[data-fa-slip-type]{font-size:13px!important;border-radius:7px!important}
#figmaAppRoot .os-slip .fa-stake-row--total{gap:6px!important;margin-top:18px}
#figmaAppRoot .os-slip .fa-stake-row--total>label{font-size:12px!important}
#figmaAppRoot .os-slip .fa-stake-row--total input{font-size:14px!important;padding:7px!important}
#figmaAppRoot .fa-primary{background:#087fb5;color:#fff;border-radius:8px;min-height:46px;font-weight:650;box-shadow:none}
#figmaAppRoot .fa-primary:hover:not(:disabled){background:#056c9b}
#figmaAppRoot .fa-secondary{border:1px solid var(--os-line);background:#fff;color:#20617e;border-radius:8px}
.os-page-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.os-page-title h1{font-size:25px;letter-spacing:-.6px;font-weight:700}.os-page-title p{margin-top:6px!important;color:var(--os-muted);font-size:12px}.os-page-title button{border:1px solid var(--os-line);background:#fff;color:#186c92;border-radius:8px;min-height:40px;padding:8px 12px;font-size:12px}
#figmaAppRoot .fa-home-tabs{margin-top:22px;border-bottom:1px solid var(--os-line);gap:26px;justify-content:flex-start}
#figmaAppRoot .fa-home-tabs button{font-size:14px;color:#486a7e}
#figmaAppRoot .fa-home-tabs button.is-active{color:#087fb5;font-weight:700}
#figmaAppRoot .fa-section-title{margin:22px 0 12px}#figmaAppRoot .fa-section-title h2{font-size:15px;font-weight:650}
#figmaAppRoot .fa-match-list{display:grid;gap:0}
#figmaAppRoot .fa-match-row{padding:17px 0;margin:0;border:0;border-bottom:1px solid #e0ecf3;border-radius:0;background:#fff;box-shadow:none;cursor:pointer}
#figmaAppRoot .fa-match-row:last-child{border-bottom:0}
#figmaAppRoot .fa-match-meta{font-size:11px;color:#526d7d;margin-bottom:12px;min-height:22px}
#figmaAppRoot .fa-match-meta b{color:#446579;font-weight:500}
#figmaAppRoot .fa-favorite-button{min-height:32px!important;min-width:32px!important;border:0!important;background:transparent!important;font-size:18px!important}
#figmaAppRoot .fa-match-teams{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:12px;padding:0 6px}
#figmaAppRoot .fa-match-teams>div:first-child{justify-content:flex-start}#figmaAppRoot .fa-match-teams>div:last-child{justify-content:flex-end}
#figmaAppRoot .fa-match-teams strong{font-size:14px;line-height:1.5;word-break:break-word}
#figmaAppRoot .fa-match-teams img{width:30px;height:30px}
#figmaAppRoot .fa-odds{gap:8px;margin-top:14px}
#figmaAppRoot .fa-odds button,#figmaAppRoot .fa-market-option,#figmaAppRoot [data-fa-odd-id]{border:1px solid #d8e5ed;background:#f8fbfd;color:#264c63;border-radius:7px;min-height:43px;box-shadow:none}
#figmaAppRoot .fa-odds button{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px}
#figmaAppRoot .fa-odds button b{font-size:15px;font-variant-numeric:tabular-nums;color:#23465b}
#figmaAppRoot .fa-odds button:hover:not(:disabled),#figmaAppRoot [data-fa-odd-id]:hover:not(:disabled){border-color:#87bbd4;background:#f0f8fc}
#figmaAppRoot .fa-odds button.is-selected,#figmaAppRoot [data-fa-odd-id].is-selected{background:#dceffc;border-color:#1889bc;color:#066f9f}
#figmaAppRoot .fa-odds button.is-selected b{color:#066f9f}
#figmaAppRoot .fa-schedule-group{margin:0;padding:0;border-bottom:1px solid var(--os-line)}
#figmaAppRoot .fa-schedule-group h3{font-size:12px;color:#4b6b7f;background:#f2f8fc;padding:10px;margin:16px 0 0;border-radius:5px}
#figmaAppRoot .fa-schedule-search input::placeholder{color:#53768a!important}
#figmaAppRoot .fa-title-row h1{font-size:25px}
#figmaAppRoot .fa-odds-alert{color:#345d75;background:#eef6fb;border:1px solid #d9eaf3;border-radius:7px;font-size:12px;line-height:1.65;padding:10px}
#figmaAppRoot .fa-odds-alert[data-state=error]{color:#a12839;background:#fff2f4;border-color:#efc9ce}
.os-load-state{padding:18px 22px;color:#5b6670;background:#f2f8fc;font-size:14px}.os-load-state[role=alert]{color:#9e2b3c;background:#fff3f4}.os-load-state button{margin-left:12px;background:white;border:1px solid currentColor;border-radius:5px;padding:7px}
.os-workspace.os-full-page{display:block;max-width:900px}.os-full-page .os-content{min-height:60vh}
#figmaAppRoot .fa-login{max-width:450px;margin:auto;padding-top:32px;padding-bottom:44px}
#figmaAppRoot .fa-confirm-overlay{position:fixed;inset:0;z-index:300;width:100%;max-width:none;background:rgba(21,50,70,.36);padding:24px;display:grid;place-items:center}
#figmaAppRoot .fa-confirm{width:min(100%,460px);max-height:calc(100dvh - 48px);overflow:auto;border-radius:14px;background:#fff;color:#153b50;padding:24px;box-shadow:0 20px 60px #193b5033}
#figmaAppRoot .fa-confirm-check{line-height:1.7}.os-confirm-note{font-size:12px;line-height:1.8;color:#506d7e}
#figmaAppRoot .fa-nav,#figmaAppRoot .fa-floating-slip{display:none}
@media(min-width:1180px){#figmaAppRoot .fa-nav{display:none!important}#figmaAppRoot .fa-slip:not(.os-slip .fa-slip){max-width:640px;margin:auto}#figmaAppRoot .fa-detail-score{padding:24px}}
@media(max-width:1179px){.os-header{height:68px;gap:24px;padding:0 24px}.os-header nav{gap:0}.os-header nav button{min-width:58px;font-size:14px}.os-workspace{display:block;padding:20px;max-width:900px}.os-leagues{display:none}#figmaAppRoot .fa-nav{display:flex;width:100%;max-width:none;border-radius:0;gap:0;justify-content:space-around;height:70px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));bottom:0}#figmaAppRoot .fa-nav button{min-width:52px}#figmaAppRoot .fa-floating-slip{display:flex;right:20px;bottom:88px;background:#087fb5;color:white;box-shadow:0 6px 18px #12689026}#figmaAppRoot .fa-floating-slip b{color:#087fb5}#figmaAppRoot .fa-page{padding-bottom:100px}#figmaAppRoot .fa-slip{padding-bottom:32px}.os-workspace{padding-bottom:98px}#figmaAppRoot .fa-confirm-overlay{padding:16px}}
@media(max-width:600px){.os-header{height:64px;padding:0 16px;gap:12px}.os-header nav{display:none}.os-brand img{width:34px;height:34px}.os-brand b{font-size:16px}.os-brand small{font-size:10px}.os-header .os-account{font-size:12px;padding:8px 12px;min-height:38px}.os-preview{font-size:10px;text-align:left;padding:7px 16px;line-height:1.5}.os-workspace{padding:0 0 86px;display:block}.os-content{border:0;border-radius:0}#figmaAppRoot .fa-page{padding:22px 16px 94px}.os-page-title h1{font-size:23px}#figmaAppRoot .fa-match-row{padding:16px 0}#figmaAppRoot .fa-match-teams{gap:5px;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);padding:0}#figmaAppRoot .fa-match-teams strong{font-size:13px}#figmaAppRoot .fa-match-teams img{width:25px;height:25px}#figmaAppRoot .fa-odds button{padding:9px;font-size:11px}#figmaAppRoot .fa-odds button b{font-size:14px}#figmaAppRoot .fa-slip{padding-bottom:24px}#figmaAppRoot .fa-confirm{padding:20px}#figmaAppRoot .fa-detail .fa-title-row{gap:8px}#figmaAppRoot [data-fa-back]{min-width:44px;min-height:44px}#figmaAppRoot .fa-nav button{font-size:11px}.os-workspace.os-full-page{padding-top:0}}
@media(prefers-reduced-motion:reduce){#figmaAppRoot *,#figmaAppRoot *::before,#figmaAppRoot *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Official release: compact lists and accessible mobile slip count. */
#figmaAppRoot .fa-match-list{margin-top:12px;gap:10px}
#figmaAppRoot .fa-match-row{margin-block:0;padding-block:12px}
#figmaAppRoot .fa-match-meta{margin-bottom:8px}
#figmaAppRoot .fa-match-teams{margin-block:8px}
#figmaAppRoot .fa-odds{margin-top:10px;gap:6px}
#figmaAppRoot .fa-odds>button{min-height:44px}
#figmaAppRoot .fa-match-teams strong{white-space:normal;overflow-wrap:anywhere}
@media(max-width:767px){#figmaAppRoot .fa-floating-slip>b{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:28px;height:28px;padding-inline:5px;border-radius:14px;background:#fff!important;color:#00639a!important;font-weight:700;opacity:1;visibility:visible}#figmaAppRoot .fa-match-list{margin-top:10px;gap:8px}}

@media(max-width:1179px){#figmaAppRoot .fa-floating-slip>b{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:28px;height:28px;padding-inline:5px;border-radius:14px;background:#fff!important;color:#00639a!important;font-weight:700;opacity:1;visibility:visible}}

/* Only a stable, accepted quote is shown as successful. */
#figmaAppRoot .fa-odds-alert[data-state="live"]{color:#18764b;background:#eaf8ef;border-color:#b9dfc8}

/* Compact polish 20260907: spacing and wrapping only; preserve semantic colors and motion. */
#figmaAppRoot {
  --os-space-tight: 8px;
  --os-space-card: 12px;
  --os-space-section: 16px;
  --os-touch-min: 44px;
  --os-input-min: 48px;
}

/* Shared shell: reserve mobile navigation space once, at workspace level. */
#figmaAppRoot .os-header { height: 72px; gap: 28px; }
#figmaAppRoot .os-header .os-account { min-height: var(--os-touch-min); }
#figmaAppRoot .os-workspace { gap: var(--os-space-section); padding: var(--os-space-section); }
#figmaAppRoot .os-full-page .os-content { min-height: 0; }
#figmaAppRoot .os-content .fa-page { min-height: 0; padding: var(--os-space-section); }
#figmaAppRoot :is(.os-leagues, .os-slip) { top: 88px; max-height: calc(100dvh - 104px); }
#figmaAppRoot .os-leagues h2 { margin-bottom: 12px; }
#figmaAppRoot .os-leagues h3 { margin-top: 16px; margin-bottom: 8px; }
#figmaAppRoot .os-leagues p { margin-block: 16px; line-height: 1.65; }
#figmaAppRoot .os-leagues .os-filter { margin-top: 12px; }
#figmaAppRoot .os-leagues button { padding-block: 8px; overflow-wrap: anywhere; }
#figmaAppRoot :is(.os-page-title, .fa-title-row, .fa-slip-head) { flex-wrap: wrap; gap: 8px 12px; }
#figmaAppRoot :is(.fa-title-row, .fa-detail-head, .fa-slip-head) { height: auto; min-height: 44px; }
#figmaAppRoot :is(.os-page-title h1, .fa-title-row h1, .fa-detail-head h1, .fa-slip-head h1, .fa-account > h1) { font-size: 22px; line-height: 1.35; }
#figmaAppRoot .os-page-title p { margin-top: 4px !important; }
#figmaAppRoot :is(.fa-home-tabs, .fa-league-tabs, .fa-market-tabs) { margin-top: 12px; gap: 16px; height: auto; min-height: 44px; }
#figmaAppRoot .fa-section-title { height: auto; min-height: 44px; margin: 12px 0 8px; gap: 12px; }
#figmaAppRoot .fa-section-title h2 { font-size: 16px; line-height: 1.4; }

/* Lists: keep complete match information and the existing odds layouts. */
#figmaAppRoot :is(.fa-match-list, .fa-live-list, .fa-schedule-list) { margin-top: 8px; }
#figmaAppRoot .fa-match-list .fa-match-row { padding-block: 12px !important; }
#figmaAppRoot .fa-match-row .fa-match-meta { margin: 0 0 6px !important; }
#figmaAppRoot .fa-match-meta { grid-template-columns: auto minmax(0, 1fr) 44px; gap: 8px; }
#figmaAppRoot .fa-match-meta button,
#figmaAppRoot .fa-favorite-button { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; }
#figmaAppRoot .fa-match-teams { gap: 8px; padding-inline: 0; }
#figmaAppRoot .fa-match-row .fa-odds { margin-top: 8px !important; }
#figmaAppRoot .fa-odds { gap: 8px; }
#figmaAppRoot :is(.fa-odds button, .fa-market-option, [data-fa-odd-id]) { min-height: 44px; }
#figmaAppRoot :is(.fa-match-teams, .fa-live-teams, .fa-score-teams) > div,
#figmaAppRoot .fa-slip-item figure { min-width: 0; }
#figmaAppRoot :is(.fa-match-teams, .fa-live-teams, .fa-score-teams, .fa-slip-item figure) img { flex-shrink: 0; }
#figmaAppRoot :is(.fa-match-teams strong, .fa-live-teams b, .fa-score-teams b, .fa-slip-item figure b, .fa-confirm-team strong, .fa-match-meta b) {
  min-width: 0; max-width: 100%; white-space: normal; overflow: visible;
  text-overflow: clip; overflow-wrap: anywhere; word-break: normal; line-height: 1.45;
}
#figmaAppRoot .fa-live-list { gap: 12px; padding-bottom: 0; }
#figmaAppRoot :is(.fa-live-card, .fa-market-card, .fa-slip-item, .fa-finance-card, .fa-account-live-panel) { padding: 12px; }
#figmaAppRoot .fa-live-meta { gap: 8px; flex-wrap: wrap; line-height: 1.5; }
#figmaAppRoot .fa-live-teams { grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr); margin-top: 8px; }
#figmaAppRoot .fa-live-score { margin: 6px 0 8px; }
#figmaAppRoot .fa-market-preview { margin-top: 8px; }
#figmaAppRoot .fa-schedule-group h3 { margin-top: 12px; padding: 8px 10px; line-height: 1.5; }
#figmaAppRoot .fa-schedule-status-tabs { margin: 8px 0 !important; }
#figmaAppRoot .fa-page .fa-schedule-toolbar .fa-schedule-search { height: auto; min-height: 48px; }
#figmaAppRoot .fa-page .fa-schedule-toolbar .fa-schedule-search input { height: 44px; }
#figmaAppRoot .fa-page .fa-schedule-toolbar .fa-schedule-search button { flex: 0 0 44px; width: 44px; min-width: 44px; height: 44px; min-height: 44px; }

/* Detail: bring score, filters and markets closer without changing disclosure. */
#figmaAppRoot .fa-detail-head { grid-template-columns: 44px minmax(0, 1fr) 64px; gap: 8px; }
#figmaAppRoot .fa-score-card { margin-top: 8px; padding: 12px 12px 0; }
#figmaAppRoot .fa-score-card-compact { padding-bottom: 12px; }
#figmaAppRoot .fa-score-teams { grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr); margin: 8px 0; gap: 8px; }
#figmaAppRoot .fa-full-market-heading { margin: 16px 0 8px; gap: 12px; }
#figmaAppRoot .fa-full-markets .fa-market-tabs { margin-top: 8px; }
#figmaAppRoot .fa-market-list { gap: 8px; margin-top: 8px; }
#figmaAppRoot .fa-full-market { padding: 0 12px 8px; }
#figmaAppRoot .fa-full-market:not([open]) { padding-bottom: 0; }
#figmaAppRoot .fa-full-market > summary { min-height: 48px; padding-block: 10px; }
#figmaAppRoot .fa-market-card header { margin-bottom: 8px; }
#figmaAppRoot :is(.fa-match-info, .fa-detail-data) { margin-block: 12px; }
#figmaAppRoot .fa-detail-empty { min-height: 88px; padding: 20px 12px; }
#figmaAppRoot .fa-events article { gap: 12px; padding: 10px 12px; }
#figmaAppRoot .fa-empty { padding: 24px 12px; line-height: 1.65; }

/* Slip: remove stacked gaps while keeping the amount controls legible. */
#figmaAppRoot .os-slip .fa-slip { padding: 12px; }
#figmaAppRoot .os-slip .fa-slip-head { margin-bottom: 8px; }
#figmaAppRoot .fa-slip-head h1 { min-width: 0; white-space: normal; }
#figmaAppRoot .fa-slip-items { gap: 8px; }
#figmaAppRoot .os-slip .fa-slip-item { margin-bottom: 0; padding: 12px; }
#figmaAppRoot .fa-slip-item > button { top: 4px; right: 4px; width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
#figmaAppRoot .fa-slip-item > small { display: block; min-height: 32px; padding-right: 40px; overflow-wrap: anywhere; line-height: 1.45; }
#figmaAppRoot .fa-slip-item > p { margin-top: 8px; overflow-wrap: anywhere; line-height: 1.5; }
#figmaAppRoot .fa-slip-item > div > strong { min-width: 0; overflow-wrap: anywhere; }
#figmaAppRoot .fa-odds-alert { margin: 8px 0 12px; padding: 10px 12px; }
#figmaAppRoot :is(.fa-slip-empty, .os-slip .fa-slip-empty) { min-height: 0; padding: 24px 12px; line-height: 1.65; }
#figmaAppRoot :is(.fa-label, .os-slip .fa-label) { margin: 12px 0 6px; }
#figmaAppRoot .fa-slip .fa-stake-row--total { margin-top: 12px; }
#figmaAppRoot .fa-slip .fa-stake-row--total input { min-height: 48px; }
#figmaAppRoot .os-slip .fa-stake-row--total input { font-size: 16px !important; }
#figmaAppRoot .fa-quick-stakes { margin-top: 8px; gap: 8px; }
#figmaAppRoot .fa-return { margin-top: 12px; padding: 12px; gap: 4px; }

/* Account: flexible identity/value tracks prevent phone numbers from ellipsizing. */
#figmaAppRoot .fa-account > h1 { margin-bottom: 12px; }
#figmaAppRoot .fa-identity { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; min-height: 72px; }
#figmaAppRoot .fa-identity > span { width: 40px; height: 40px; }
#figmaAppRoot .fa-identity > div { min-width: 0; gap: 4px; }
#figmaAppRoot :is(.fa-identity b, .fa-identity small, .fa-profile-title, .fa-settings b, .fa-settings span) {
  min-width: 0; max-width: 100%; white-space: normal; overflow: visible;
  text-overflow: clip; overflow-wrap: anywhere; word-break: normal; line-height: 1.5;
}
#figmaAppRoot .fa-profile-edit { min-height: 44px; padding: 8px 12px; }
#figmaAppRoot .fa-wallet { height: auto; min-height: 0; margin-top: 8px; padding: 12px 16px; }
#figmaAppRoot .fa-wallet > label { min-height: 32px; padding-right: 64px; line-height: 1.5; }
#figmaAppRoot .fa-wallet > button { top: 4px; right: 8px; min-width: 44px; min-height: 44px; }
#figmaAppRoot .fa-wallet > strong { margin: 8px 0 4px; overflow-wrap: anywhere; line-height: 1.3; }
#figmaAppRoot .fa-wallet > small { line-height: 1.5; }
#figmaAppRoot .fa-wallet > div { position: static; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 12px; }
#figmaAppRoot .fa-account-actions { gap: 8px; margin-top: 12px; }
#figmaAppRoot .fa-account-actions button { min-width: 44px; min-height: 72px; padding: 8px 4px; gap: 4px; }
#figmaAppRoot .fa-account-actions :is(b, small) { white-space: normal; overflow-wrap: anywhere; }
#figmaAppRoot .fa-account-section-title { margin: 16px 0 8px !important; }
#figmaAppRoot .fa-settings { margin-top: 12px; padding-inline: 12px; }
#figmaAppRoot .fa-settings button { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) 18px; min-height: 48px; gap: 8px; padding-block: 8px; }
#figmaAppRoot :is(.fa-subpage-header, .fa-filter-head) { min-height: 64px; gap: 12px; margin-bottom: 12px; }
#figmaAppRoot :is(.fa-finance-card, .fa-account-live-panel, .fa-responsible-decision, .fa-filter-section) { margin-bottom: 12px; padding: 12px; }
#figmaAppRoot .fa-section-heading { margin-bottom: 8px; }
#figmaAppRoot :is(.fa-finance-form, .fa-account-subpage .account-form, .fa-login form) { gap: 12px; }
#figmaAppRoot :is(.fa-finance-form, .fa-account-subpage .account-form) { margin-top: 12px; }
#figmaAppRoot :is(.fa-finance-form label, .fa-account-subpage .account-form label, .fa-login label) { min-width: 0; gap: 6px; }
#figmaAppRoot :is(.fa-finance-form input, .fa-account-subpage .account-form input, .fa-login input) { box-sizing: border-box; width: 100%; min-width: 0; height: 48px; min-height: 48px; padding: 10px 12px; font-size: 16px; line-height: 1.4; text-overflow: clip; }
#figmaAppRoot .os-content .fa-login { padding-top: 20px; padding-bottom: 24px; }
#figmaAppRoot .fa-auth-tabs { margin: 16px 0; }
#figmaAppRoot .fa-finance-metrics { margin-top: 12px; gap: 8px; }
#figmaAppRoot :is(.fa-order-list article, .fa-ledger-list article) { min-height: 64px; padding: 10px 12px; }
#figmaAppRoot .fa-responsible { margin-top: 16px; gap: 6px; }
#figmaAppRoot .fa-protection-note { margin-block: 16px; }

/* Touch targets: only dimensions; no enabled/disabled or visibility overrides. */
#figmaAppRoot :is(.os-page-title button, .fa-title-row > button, .fa-detail-head button, .fa-slip-head button, .fa-section-title button, .fa-section-heading button, .fa-full-market-heading > button, .fa-info-head button, .fa-info-retry, .fa-score-tabs button, .fa-home-tabs button, .fa-league-tabs button, .fa-market-tabs button, .fa-segment button, .fa-quick-stakes button, .fa-auth-tabs button, .fa-security-actions button, .fa-danger-link) { min-height: 44px; }
#figmaAppRoot :is(.fa-primary, .fa-secondary) { min-height: 48px; padding: 10px 14px; line-height: 1.4; }

@media (min-width: 1180px) {
  #figmaAppRoot .fa-home .fa-match-row { column-gap: 16px; }
  #figmaAppRoot .fa-home .fa-match-row .fa-odds { margin: 0 !important; }
}
@media (max-width: 1179px) {
  #figmaAppRoot .os-header { height: 68px; gap: 20px; }
  #figmaAppRoot .os-workspace { padding: 12px 12px calc(86px + env(safe-area-inset-bottom)); }
  #figmaAppRoot:has(.fa-floating-slip) .os-workspace { padding-bottom: calc(144px + env(safe-area-inset-bottom)); }
  #figmaAppRoot .os-content .fa-page { padding: 16px; }
  #figmaAppRoot .fa-nav { height: calc(70px + env(safe-area-inset-bottom)); }
  #figmaAppRoot .fa-nav button { min-width: 44px; min-height: 44px; }
  #figmaAppRoot .fa-floating-slip { bottom: calc(84px + env(safe-area-inset-bottom)) !important; }
}
@media (max-width: 600px) {
  #figmaAppRoot .os-header { height: 64px; padding-inline: 12px; gap: 12px; }
  #figmaAppRoot .os-workspace { padding-top: 0; padding-inline: 0; }
  #figmaAppRoot .os-content .fa-page { padding: 16px 12px; }
  #figmaAppRoot .os-content .fa-login { padding-top: 20px; padding-bottom: 24px; }
  #figmaAppRoot .fa-match-teams { grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr); gap: 6px; }
  #figmaAppRoot .fa-identity { grid-template-columns: 36px minmax(0, 1fr) auto; gap: 8px; }
  #figmaAppRoot .fa-identity > span { width: 36px; height: 36px; }
  #figmaAppRoot .fa-profile-edit { padding-inline: 8px; }
}

/* Account overview: compact balance and vertically centered wallet actions. */
#figmaAppRoot .fa-account-polished { padding-top: 16px; }
#figmaAppRoot .fa-account-polished .fa-identity > .fa-account-avatar { width: 44px; height: 44px; overflow: hidden; background: #fff; border-radius: 12px; }
#figmaAppRoot .fa-account-polished .fa-identity > .fa-account-avatar img { display: block; width: 100%; height: 100%; object-fit: contain; }
#figmaAppRoot .fa-account-polished .fa-identity { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; margin: 12px 0; }
#figmaAppRoot .fa-account-polished .fa-wallet--stacked {
  display: grid; grid-template-columns: minmax(0, 1fr) 44px minmax(80px, 24%);
  grid-template-areas: "label hide actions" "amount amount actions" "note note actions";
  align-items: center; column-gap: 12px; row-gap: 4px; min-height: 136px; padding: 16px;
}
#figmaAppRoot .fa-account-polished .fa-wallet.fa-wallet--stacked > label { grid-area: label; min-height: 0; padding: 0; font-size: 13px; }
#figmaAppRoot .fa-account-polished .fa-wallet.fa-wallet--stacked > button { grid-area: hide; position: static; min-height: 44px; padding: 0; }
#figmaAppRoot .fa-account-polished .fa-wallet.fa-wallet--stacked > strong { grid-area: amount; min-width: 0; margin: 0; font-size: clamp(26px, 6vw, 34px); line-height: 1.25; overflow-wrap: anywhere; }
#figmaAppRoot .fa-account-polished .fa-wallet.fa-wallet--stacked > small { grid-area: note; margin: 0; font-size: 11px; line-height: 1.5; }
#figmaAppRoot .fa-account-polished .fa-wallet.fa-wallet--stacked > .fa-wallet-actions { grid-area: actions; position: static; display: flex; flex-direction: column; flex-wrap: nowrap; align-self: center; justify-content: center; gap: 8px; margin: 0; }
#figmaAppRoot .fa-account-polished .fa-wallet.fa-wallet--stacked .fa-wallet-actions button { width: 100%; min-height: 44px; height: 44px; margin: 0; padding: 8px; border-radius: 10px; font-size: 15px; line-height: 1.2; }
#figmaAppRoot .fa-account-polished .fa-wallet.fa-wallet--stacked [data-fa-account-action="deposit"] { background: var(--fa-accent); border-color: var(--fa-accent); color: var(--fa-ink); }
#figmaAppRoot .fa-account-polished .fa-wallet.fa-wallet--stacked [data-fa-account-action="withdraw"] { background: #fff; border-color: var(--fa-line); color: var(--fa-ink); }
@media (max-width: 1179px) {
  #figmaAppRoot .os-header { display: none; }
}
@media (max-width: 360px) {
  #figmaAppRoot .fa-account-polished .fa-wallet--stacked { column-gap: 8px; padding: 12px; }
}

/* Shared back control across fixture, filter, profile and account subpages. */
#figmaAppRoot .fa-page button.fa-back-button {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px;
  box-sizing: border-box; width: 44px !important; height: 44px !important;
  min-width: 44px !important; min-height: 44px !important; padding: 0 !important;
  margin: 0; border: 1px solid var(--fa-line); border-radius: 12px;
  background: #fff; color: var(--fa-ink); font-size: 0; line-height: 1;
  cursor: pointer; touch-action: manipulation;
}
#figmaAppRoot .fa-page button.fa-back-button .fa-back-icon {
  display: block; flex: 0 0 22px; width: 22px !important; height: 22px !important;
  margin: 0; padding: 0; pointer-events: none;
}
@media (hover: hover) {
  #figmaAppRoot .fa-page button.fa-back-button:hover { background: var(--fa-surface-blue); border-color: var(--fa-accent); }
}
#figmaAppRoot .fa-page button.fa-back-button:active { background: var(--fa-surface-blue); color: var(--fa-accent-strong); }
#figmaAppRoot .fa-page button.fa-back-button:focus-visible { outline: 2px solid var(--fa-accent); outline-offset: 3px; }

/* Full-market options: selection above price; preserve the market column layout. */
#figmaAppRoot :is(.fa-odds button, button[data-fa-odd], button[data-fa-odd-id]) {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-width: 0; min-height: 60px; gap: 4px; padding: 8px 6px; text-align: center;
}
#figmaAppRoot :is(.fa-odds button, button[data-fa-odd], button[data-fa-odd-id]) > span {
  display: block; width: 100%; min-width: 0; font-size: 12px; line-height: 1.3;
  white-space: normal; overflow-wrap: anywhere; text-align: center;
}
#figmaAppRoot :is(.fa-odds button, button[data-fa-odd], button[data-fa-odd-id]) > b {
  display: block; width: 100%; margin: 0; font-size: 18px; line-height: 1.2;
  font-variant-numeric: tabular-nums; text-align: center;
}

/* Keep the deliberate red/green numeric animation independent of generic color transitions. */
#figmaAppRoot :is(.fa-odds button, button[data-fa-odd], button[data-fa-odd-id]) { transition-property: background-color, border-color, box-shadow, transform; }
#figmaAppRoot :is(.fa-odds button, button[data-fa-odd], button[data-fa-odd-id]) > b { transition: none; }

/* Selected prices inherit the selected button color without blocking odds animations. */
#figmaAppRoot .fa-odds > button:is(.is-selected, .selected, [aria-pressed="true"]) > b { color: inherit; }

/* Restored homepage feature and movable mobile slip. */
#figmaAppRoot .fa-feature.fa-home-banner { display:block!important; position:relative; height:auto; min-height:190px; margin:14px 0 18px; padding:48px 20px 18px; border-radius:16px; background-color:#102f46; color:#fff; isolation:isolate; }
#figmaAppRoot .fa-home-banner::before { background:transparent; }
#figmaAppRoot .fa-home-banner > span { top:14px; left:20px; font-size:11px; }
#figmaAppRoot .fa-home-banner h2 { margin:8px 0 6px; color:#fff; font-size:clamp(20px,3vw,28px); line-height:1.35; overflow-wrap:anywhere; }
#figmaAppRoot .fa-home-banner h2 em { font-style:normal; font-size:.7em; opacity:.75; }
#figmaAppRoot .fa-home-banner small,#figmaAppRoot .fa-home-banner p { color:#e3f2fb; line-height:1.5; }
#figmaAppRoot .fa-home-banner > button { margin-top:12px; min-height:44px; font-size:14px; cursor:pointer; }
@media(max-width:1179px) {
 #figmaAppRoot .fa-floating-slip {
  display:flex; position:fixed!important; z-index:140;
  left:var(--slip-dock-x,auto)!important; top:var(--slip-dock-y,auto)!important;
  right:16px!important; bottom:calc(84px + env(safe-area-inset-bottom))!important;
  transform:none!important; width:60px!important; min-width:60px!important; height:60px!important; min-height:60px!important; padding:7px 0 6px!important;
  border:1px solid #42bff1!important; border-radius:50%!important; flex-direction:column; align-items:center; justify-content:center!important; gap:2px!important;
  background:#087fb5; color:#fff; box-shadow:0 5px 18px #083d5829; touch-action:none; user-select:none; -webkit-user-select:none; cursor:grab;
 }
 #figmaAppRoot .fa-floating-slip[style] { right:auto!important; bottom:auto!important; }
 #figmaAppRoot .fa-floating-slip svg { flex-shrink:0; width:25px; height:25px; pointer-events:none; }
 #figmaAppRoot .fa-floating-slip > span { display:block; font-size:10px; line-height:13px; pointer-events:none; }
 #figmaAppRoot .fa-floating-slip b { display:grid!important; position:absolute!important; top:-4px!important; right:-4px!important; width:auto!important; min-width:22px!important; height:22px!important; padding:0 4px!important; box-sizing:border-box; border-radius:12px; border:2px solid #fff; background:#fff!important; color:#087fb5!important; font-size:11px; line-height:18px; pointer-events:none; }
 #figmaAppRoot .fa-floating-slip.is-dragging { cursor:grabbing; box-shadow:0 8px 24px #083d5840; }
 #figmaAppRoot .fa-floating-slip:focus-visible { outline:3px solid #075c82; outline-offset:4px; }
 #figmaAppRoot:has(.fa-floating-slip) .os-workspace { padding-bottom:calc(86px + env(safe-area-inset-bottom)); }
}