/* Workspace shell: charcoal frame around a light, readable workspace; centered layout; larger betting type. Loaded last. */
:root{--shell-max:1720px;--slip-w:344px;--slip-gap:16px;--side:max(16px,calc((100vw - var(--shell-max)) / 2));--shell:#15171b;--shell2:#1d2025;--shell-line:#2a2e34;--shell-text:#e9ecef;--shell-sub:#a3abb4}

/* ---------- 6. Charcoal shell: top bar + sidebar + strips; light workspace inside ---------- */
html,body{background:#e9ebee!important}
body .topbar{background:var(--shell)!important;border-bottom:1px solid #000!important;box-shadow:0 1px 0 #ffffff0d,0 6px 20px #0000001f!important}
body .topnav a{color:#cfd5db!important}
body .topnav a:hover{color:#fff!important}
body .topnav a.active{color:#fff!important;box-shadow:inset 0 -3px var(--d-red)!important}
body .search-trigger{background:var(--shell2)!important;border-color:var(--shell-line)!important;color:var(--shell-text)!important}
body .search-trigger kbd{background:var(--shell)!important;border-color:var(--shell-line)!important;color:var(--shell-sub)!important}
body .coin-balances{background:var(--shell2)!important;border-color:var(--shell-line)!important}
body .coin-balances b{color:#fff!important}
body .coin-balances small{color:var(--shell-sub)!important}
body .account-menu .avatar{background:var(--shell2)!important;border-color:var(--shell-line)!important;color:var(--shell-text)!important}
body .demo-strip{background:var(--shell2)!important;border-bottom:1px solid var(--shell-line)!important;color:var(--shell-sub)!important}
body .demo-strip a{color:#fff!important}
body .demo-strip strong{background:transparent!important;color:#ff6b7d!important;border-color:#ff6b7d!important}
body .sidebar{background:var(--shell)!important;border-right:1px solid #000!important}
body .sidebar a,body .sidebar button{color:#cfd5db!important}
body .sidebar a:hover,body .sidebar button:hover:not(:disabled){background:var(--shell2)!important;color:#fff!important}
body .sidebar a.active,body .sidebar button.active{background:#2a1418!important;color:#fff!important;box-shadow:inset 3px 0 var(--d-red)!important}
body .sidebar .eyebrow,body .sidebar small,body .sidebar .side-note,body .sidebar p,body .sidebar .count{color:#8b939c!important}
body .sidebar h2,body .sidebar strong{color:#fff!important}
body .props-side-note{background:var(--shell2)!important;border-color:var(--shell-line)!important}
/* One border language for every light card */
body .sl-board,body .sl-panel,body .sl-ws-head,body .live-card,body .model-home-live,body .panel,body .league,body .event,body .model-ticket,body .slip-rail .slip-inner{border:1px solid #dde1e6!important;border-radius:14px!important;box-shadow:0 1px 2px #1018280f,0 4px 14px #1018280a!important}

/* ---------- 3. Centered workspace; balanced outer margins at every desktop width ---------- */
@media (min-width:1051px){
  body .topbar{padding-left:calc(var(--side) + 12px)!important;padding-right:calc(var(--side) + 4px)!important}
  #app>.demo-strip,#app>.category-bar{margin-left:var(--side)!important;margin-right:calc(var(--side) + var(--slip-w) + var(--slip-gap))!important;max-width:none!important}
  #app>.layout{margin-left:var(--side)!important;margin-right:calc(var(--side) + var(--slip-w) + var(--slip-gap))!important;max-width:none!important;width:auto!important}
  body .slip-rail,body .slip-rail.open,body .slip-rail:not(.open){inset:var(--slip-top,78px) var(--side) var(--slip-gap) auto!important}
  body.classic-home .layout,body.props-room .layout{grid-template-columns:200px minmax(0,1fr)!important}
  body .sidebar{border-radius:0 0 14px 14px}
}
@media (min-width:1721px){#app>.demo-strip{border-radius:0 0 10px 10px}}

/* ---------- 1. Betting type scale: names 15–16px, odds 17px, thresholds as legible as prices, labels 12–13px ---------- */
body .sl-team{font-size:16px!important;font-weight:700}
body .sl-mb{min-height:56px!important;gap:2px!important}
body .sl-mb-line{font-size:15px!important;font-weight:700!important;color:var(--d-ink2)!important}
body .sl-mb-price{font-size:17px!important}
body .sl-mb.is-selected .sl-mb-line{color:#fff!important}
body .sl-cols>span{font-size:12px!important;letter-spacing:.06em}
body .sl-cols small{font-size:11px!important}
body .sl-league-head h3{font-size:16px!important}
body .sl-row-foot{font-size:13px!important}
body .sl-more{font-size:14px!important}
body .sl-pp-title strong{font-size:16px!important}
body .sl-pp-title small,body .sl-pp-colhead{font-size:12px!important}
body .sl-pp-line b{font-size:24px!important}
body .sl-pp-grid .sl-mb-price{font-size:18px!important}
body .odds .line{font-size:14px!important;font-weight:700!important}
body .odds .price{font-size:17px!important}
body .model-home-live-row strong{font-size:16px!important}
body .model-home-live-row .odds .price{font-size:17px!important}
body .model-home-live .card-meta{font-size:12.5px!important}
body .sl-entry-id strong{font-size:16px!important}
body .sl-entry-market>b{font-size:17px!important}

/* ---------- 4. Market columns sit close to the teams ---------- */
body .sl-league-head,body .sl-row-line{grid-template-columns:minmax(180px,300px) repeat(3,minmax(96px,1fr))!important}
@media (max-width:760px){body .sl-league-head,body .sl-row-line{grid-template-columns:minmax(84px,1fr) repeat(3,var(--sl-col,68px))!important}}
body .sl-score{margin-left:auto}

/* ---------- 2 & 5. Shorter Home hero; smaller supporting mascot panel ---------- */
body .home-intro-grid{grid-template-columns:minmax(0,1fr) 15.5%!important;gap:12px!important}
body .home-intro-grid .home-hero{aspect-ratio:832/280!important;min-height:0!important}
body .home-intro-grid .home-hero .supplied-home-art,body .home-intro-grid .home-hero .supplied-home-art img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:62% 45%}
body .home-hero-copy{padding-top:clamp(14px,2vw,26px)!important;padding-bottom:clamp(14px,2vw,26px)!important}
body .home-hero-title{font-size:clamp(34px,4.1vw,62px)!important;line-height:.98!important}
body .supplied-dragon img{object-fit:cover!important;object-position:50% 30%;width:100%!important;height:100%!important}
@media (max-width:900px){body .home-intro-grid{grid-template-columns:1fr!important}body .supplied-dragon{display:none!important}body .home-intro-grid .home-hero{aspect-ratio:auto!important;min-height:220px!important}}

/* ---------- 7. Jerseys everywhere ---------- */
body .team-jersey-mark{display:inline-flex!important;width:30px!important;height:30px!important;flex:none;background:none!important;border:0!important}
body .team-jersey-mark svg{width:100%;height:100%}

/* ---------- 8. Staff tools live in the account menu ---------- */
.account-staff{margin-top:6px;padding-top:6px;border-top:1px solid var(--d-line)}
.account-staff>span{display:block;padding:6px 10px 2px;color:var(--d-dim);font:800 10px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.account-staff a{font-size:13px!important;color:var(--d-sub)!important}

/* Empty betslip: just the message */
body .slip-rail .slip-empty{padding:26px 6px 18px!important}
body .slip-rail .slip-empty h3{font-size:17px!important;margin:10px 0 0!important}
/* Hero: ~22% shorter, content always fits */
body .home-intro-grid .home-hero{aspect-ratio:auto!important;height:clamp(210px,16vw,300px)!important}
body .home-hero-copy{display:flex;flex-direction:column;justify-content:center;height:100%;box-sizing:border-box;padding:clamp(14px,1.6vw,24px) clamp(18px,2.2vw,34px)!important;gap:clamp(4px,.6vw,10px)}
body .home-hero-kicker{margin:0!important;font-size:12px!important}
body .home-hero-title{font-size:clamp(28px,3.1vw,56px)!important;margin:0!important}
body .home-hero-copy p{margin:0!important;font-size:clamp(13px,1vw,16px)!important}
body .home-hero-cta{align-self:flex-start;min-height:40px!important;padding:0 18px!important;font-size:15px!important;margin-top:4px!important}
body .supplied-dragon{height:clamp(210px,16vw,300px)!important}
/* Odds button states: light surface → darker on hover → solid red with ✓ when selected */
body .odds,body .sl-mb{position:relative;background:#f8f9fa!important;border:1px solid #d5dade!important;color:var(--d-ink)!important}
body .odds:hover:not(:disabled):not(.selected),body .sl-mb:hover:not(:disabled):not(.is-selected){background:#eceef1!important;border-color:#7f8893!important}
body .odds.selected,body .sl-mb.is-selected{background:var(--d-red)!important;border-color:var(--d-red2)!important}
body .odds.selected *,body .sl-mb.is-selected *{color:#fff!important}
body .odds.selected::after,body .sl-mb.is-selected::after{content:'✓';position:absolute;top:4px;right:6px;font:900 11px/1 Manrope,sans-serif;color:#fff;opacity:.95}
body .sl-mb-empty{background:transparent!important;border:0!important}
body #app .game-spotlight.broadcast-screen .spotlight-lines .odds:not(.selected):not(:disabled){background:#f8f9faeb!important}

/* Singles / Parlay */
body .slip-rail .slip-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:4px 0 8px;background:var(--slip-soft,#f4f5f7);border-radius:999px}
body .slip-rail .slip-mode button{min-height:36px;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--d-sub)!important;font:800 13px Manrope,sans-serif;cursor:pointer;box-shadow:none!important}
body .slip-rail .slip-mode button.active{background:#fff!important;color:var(--d-ink)!important;box-shadow:0 1px 3px #10182826!important}
body .slip-rail .slip-mode button:disabled{opacity:.45;cursor:not-allowed}
body .slip-rail .slip-mode-note{margin:0 2px 8px;color:var(--d-sub)!important;font:600 12px/1.45 Manrope,sans-serif}
body .slip-rail .sl-entry-stake{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--slip-line,#e4e7eb)}
body .slip-rail .sl-entry-stake label{display:flex;align-items:center;gap:8px;font:700 12px Manrope,sans-serif;color:var(--d-sub)!important}
body .slip-rail .sl-entry-stake input{width:96px;height:38px;padding:0 10px;text-align:right;font-size:15px!important}
body .slip-rail .sl-entry-stake>span{color:var(--d-sub)!important;font:600 12px Manrope,sans-serif;text-align:right}
body .slip-rail .sl-entry-stake b{display:block;color:var(--d-ink)!important;font:800 15px Manrope,sans-serif}
body .slip-rail .singles-quick button{font-size:12px!important}

/* ---------- Fluid page: fills the browser at any size; sidebar runs to the bottom ---------- */
@media (min-width:1051px){
  :root{--side:0px}
  body .topbar{padding-left:24px!important;padding-right:24px!important}
  #app>.demo-strip,#app>.category-bar,#app>.layout{margin-left:0!important;margin-right:calc(var(--slip-w) + var(--slip-gap) * 2)!important}
  body .slip-rail,body .slip-rail.open,body .slip-rail:not(.open){inset:var(--slip-top,78px) var(--slip-gap) var(--slip-gap) auto!important}
  body .sidebar{position:sticky!important;top:66px;align-self:start;height:calc(100vh - 66px)!important;min-height:0!important;overflow-y:auto;border-radius:0!important;scrollbar-width:thin}
  body.classic-home .layout,body.props-room .layout{align-items:start}
  body .main{min-height:calc(100vh - 66px)}
}

/* ---------- Wallet button (replaces the header Betslip button) ---------- */
body .wallet-btn{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid #ffffff2e;background:linear-gradient(180deg,#ec0a24,#c60018);color:#fff;cursor:pointer;box-shadow:0 2px 8px #d9001b55}
body .wallet-btn .icon{width:22px;height:22px;stroke:#fff;color:#fff}
body .wallet-btn:hover{filter:brightness(1.1)}
body .wallet-plus{position:absolute;right:-5px;top:-5px;width:18px;height:18px;border-radius:50%;background:#f5b800;color:#4a2f00;font:900 13px/18px Manrope,sans-serif;text-align:center;box-shadow:0 0 0 2px var(--shell,#15171b)}

/* ---------- Coin store ---------- */
.store-sheet{width:min(640px,100%)!important}
.st-steps{display:flex;gap:6px;list-style:none;margin:0 0 14px;padding:0}
.st-steps li{flex:1;text-align:center;padding:6px 0;border-radius:999px;background:var(--d-surface2);color:var(--d-dim);font:800 11px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.st-steps li.on{background:var(--d-ink);color:#fff}.st-steps li.done{background:var(--d-red-soft);color:var(--d-red2)}
.st-lead{margin:0 0 12px;color:var(--d-sub);font:600 13px/1.5 Manrope,sans-serif}
.st-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.st-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;border:1px solid #d5dade;border-radius:14px;background:#f8f9fa;cursor:pointer;font-family:Manrope,sans-serif;transition:transform .12s,border-color .12s,background .12s}
.st-chip:hover{background:#eceef1;border-color:#7f8893;transform:translateY(-2px)}
.st-chip.is-selected{border-color:var(--d-red);box-shadow:0 0 0 2px var(--d-red)}
.st-chip strong{font:800 18px Manrope,sans-serif;color:var(--d-ink)}
.st-chip small{font:600 11.5px Manrope,sans-serif;color:var(--d-sub)}
.st-chip-disc{--c1:#d9001b;--c2:#fff;position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:repeating-conic-gradient(var(--c1) 0 22.5deg,var(--c2) 22.5deg 45deg);box-shadow:0 4px 10px #10182833,inset 0 0 0 2px #0000001a}
.st-chip-disc>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--c1);color:#fff;font:900 13px Manrope,sans-serif;box-shadow:inset 0 0 0 2px #ffffffb3,0 0 0 2px var(--c1)}
.st-tier-0 .st-chip-disc,.st-chip-disc.st-tier-0{--c1:#8a929c}.st-tier-1 .st-chip-disc,.st-chip-disc.st-tier-1{--c1:#d9001b}.st-tier-2 .st-chip-disc,.st-chip-disc.st-tier-2{--c1:#0f8a4b}
.st-tier-3 .st-chip-disc,.st-chip-disc.st-tier-3{--c1:#1f5fd1}.st-tier-4 .st-chip-disc,.st-chip-disc.st-tier-4{--c1:#0e1116}.st-tier-5 .st-chip-disc,.st-chip-disc.st-tier-5{--c1:#7b2fd1}
.st-tier-6 .st-chip-disc,.st-chip-disc.st-tier-6{--c1:#e07b00}.st-tier-7 .st-chip-disc,.st-chip-disc.st-tier-7{--c1:#c21a7a}.st-tier-8 .st-chip-disc,.st-chip-disc.st-tier-8{--c1:#b8860b;--c2:#fff4cc}
.st-picked{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--d-line);border-radius:14px;background:var(--d-surface2);margin-bottom:12px}
.st-picked .st-chip-disc{width:48px;height:48px}.st-picked .st-chip-disc>span{width:32px;height:32px;font-size:11px}
.st-picked div{flex:1}.st-picked strong{display:block;font:800 16px Manrope,sans-serif;color:var(--d-ink)}.st-picked small{color:var(--d-sub);font:600 12px Manrope,sans-serif}
.st-link{background:none;border:0;color:var(--d-red2);font:800 13px Manrope,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.st-center{display:block;margin:10px auto 0}
.st-options{display:grid;gap:8px}
.st-option{display:grid;grid-template-columns:58px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:12px 14px;border:1px solid #d5dade;border-radius:14px;background:#f8f9fa;text-align:left;cursor:pointer;font-family:Manrope,sans-serif}
.st-option:hover{background:#eceef1;border-color:#7f8893}
.st-option.is-selected{background:#fff;border-color:var(--d-red);box-shadow:0 0 0 2px var(--d-red)}
.st-mult{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:var(--d-ink);color:#fff;font:900 20px Manrope,sans-serif}
.st-option.is-selected .st-mult{background:var(--d-red)}
.st-opt-main strong{display:block;font:800 15px Manrope,sans-serif;color:var(--d-ink)}
.st-coins{display:flex;align-items:center;gap:6px;margin:4px 0;font:800 14px Manrope,sans-serif;color:var(--d-ink)}
.st-coins .coin-sc{margin-left:8px}
.st-opt-main small{display:block;color:var(--d-sub);font:600 12px Manrope,sans-serif}
.st-radio{width:20px;height:20px;border-radius:50%;border:2px solid #aab2bb}
.st-option.is-selected .st-radio{border:6px solid var(--d-red)}
.st-fine{margin:12px 2px;color:var(--d-sub);font:500 12px/1.5 Manrope,sans-serif}
.st-summary{border:1px solid var(--d-line);border-radius:14px;padding:6px 14px;margin-bottom:12px}
.st-summary>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--d-line);font:600 14px Manrope,sans-serif;color:var(--d-sub)}
.st-summary>div:first-child{border-top:0}
.st-summary b{display:inline-flex;gap:6px;align-items:center;color:var(--d-ink);font:800 15px Manrope,sans-serif}
.st-summary .st-total b{font-size:20px}
.st-methods{border:0;margin:0;padding:0;display:grid;gap:8px}
.st-methods legend{font:800 12px Manrope,sans-serif;color:var(--d-sub);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.st-method{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #d5dade;border-radius:12px;background:#f8f9fa;font:700 14px Manrope,sans-serif;color:var(--d-ink);cursor:pointer}
.st-method.is-selected{border-color:var(--d-ink);background:#fff}
.st-method input{accent-color:#d9001b;width:18px;height:18px}
.st-done{text-align:center;padding:10px 0}
.st-check{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:#e7f6ee;color:#0f8a4b;font:900 30px Manrope,sans-serif}
.st-done h3{margin:0 0 6px;font:800 20px Manrope,sans-serif;color:var(--d-ink)!important}
.st-done p{margin:0 0 6px;color:var(--d-ink2);font:600 14px Manrope,sans-serif}
@media (max-width:520px){.st-grid{grid-template-columns:repeat(3,1fr);gap:8px}.st-chip-disc{width:50px;height:50px}.st-chip-disc>span{width:34px;height:34px;font-size:11px}.st-chip strong{font-size:15px}.st-chip small{font-size:10.5px}}
body .home-intro-grid .home-hero{height:auto!important;min-height:clamp(210px,16vw,300px)!important}
body .supplied-dragon{height:auto!important;align-self:stretch}
body .home-hero-copy{position:relative;z-index:1}
body .st-method input[type=radio]{appearance:auto!important;-webkit-appearance:radio!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0}

/* Chip-stack art + Buy Bundle window */
.st-chip{gap:2px!important;padding:10px 8px 12px!important}
.st-chip .st-art{width:100%;max-width:150px;height:auto;aspect-ratio:4/3;filter:drop-shadow(0 4px 6px #1018281f);transition:transform .15s}
.st-chip:hover .st-art{transform:scale(1.05)}
.st-picked .st-art{width:74px;height:auto}
.st-center-text{text-align:center}
.st-receipt{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:12px 16px;border:1px solid var(--d-line);border-radius:16px;background:var(--d-surface2);margin-bottom:16px}
.st-receipt .st-art{width:120px;height:auto}
.st-rows>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--d-line);font:600 14px Manrope,sans-serif;color:var(--d-sub)}
.st-rows>div:first-child{border-top:0}
.st-rows b{display:inline-flex;align-items:center;gap:7px;color:var(--d-ink);font:800 15px Manrope,sans-serif;text-align:right}
.st-rows .st-total b{font-size:18px}
.st-method-title{text-align:center;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--d-line);font:800 13px Manrope,sans-serif;color:var(--d-ink)}
.st-paygrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.st-pay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:86px;padding:10px 4px;border:1px solid #d5dade;border-radius:14px;background:#f8f9fa;cursor:pointer;font:700 12px Manrope,sans-serif;color:var(--d-ink2)}
.st-pay svg{width:34px;height:34px}
.st-pay:hover{background:#eceef1;border-color:#7f8893}
.st-pay.is-selected{background:#fff;border-color:var(--d-red);box-shadow:0 0 0 2px var(--d-red);color:var(--d-ink)}
.st-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.st-buttons>*{min-height:50px;border-radius:12px!important;font:800 16px Manrope,sans-serif!important}
.st-buttons .primary:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:560px){.st-paygrid{grid-template-columns:repeat(3,1fr)}.st-receipt{grid-template-columns:1fr}.st-receipt .st-art{margin:0 auto;width:110px}}

/* NFL jersey images */
.nfl-kits{display:inline-flex;align-items:center;justify-content:center;position:relative}
.nfl-kits .nfl-kit{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px #10182833)}
.nfl-kits.paired .nfl-kit{width:72%;height:72%}
.nfl-kits.paired .nfl-kit+.nfl-kit{margin-left:-28%;margin-top:22%}

/* My Bets economics */
body .bets-econ{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:12px;margin:6px 0 16px}
body .econ-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body .econ-tile{background:#fff;border:1px solid #dde1e6;border-radius:14px;padding:14px 16px;box-shadow:0 1px 2px #1018280f}
body .econ-tile span{display:block;color:var(--d-sub);font:700 12px Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase}
body .econ-tile b{display:block;margin-top:6px;color:var(--d-ink);font:800 24px/1.1 Manrope,sans-serif;font-variant-numeric:tabular-nums}
body .econ-tile small{display:block;margin-top:4px;color:var(--d-sub);font:600 12px Manrope,sans-serif}
body .is-up{color:#0f8a4b!important}body .is-down{color:#c4001a!important}
body .econ-chart{background:#fff;border:1px solid #dde1e6;border-radius:14px;padding:14px 16px;box-shadow:0 1px 2px #1018280f;display:flex;flex-direction:column;gap:8px}
body .econ-chart>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
body .econ-chart span{color:var(--d-sub);font:700 12px Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase}
body .econ-chart b{font:800 18px Manrope,sans-serif}
body .econ-chart svg{width:100%;height:110px;flex:1}
body .econ-zero{stroke:#c9ced6;stroke-dasharray:4 4;stroke-width:1;vector-effect:non-scaling-stroke}
body .econ-line{fill:none;stroke:#0f8a4b;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
body .econ-line.is-down{stroke:#c4001a}
body.ticket-room .model-bets-heading,body.ticket-room .model-bets-stats{display:none!important}
@media (max-width:1100px){body .bets-econ{grid-template-columns:1fr}}
@media (max-width:620px){body .econ-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .econ-tile b{font-size:19px}}

/* ---------- Home promo rail: slow continuous auto-scroll ---------- */
body .promo-rail{position:relative;overflow:hidden;margin:0 0 12px;border-radius:16px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}
body .pr-track{display:flex;width:max-content;animation:prScroll var(--rail-dur,70s) linear infinite}
body .promo-rail:hover .pr-track,body .promo-rail:focus-within .pr-track{animation-play-state:paused}
@keyframes prScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
body .pr-set{display:flex;gap:12px;padding-right:12px}
body .pr-card{position:relative;flex:none;height:clamp(220px,17vw,290px);border-radius:16px;overflow:hidden;color:#fff;box-shadow:0 8px 24px #1018282e}
body .pr-card :is(h2,p,small,span,b,strong){color:inherit}
body .pr-hero{width:clamp(520px,46vw,760px);min-height:0!important;aspect-ratio:auto!important}
body .pr-hero.home-hero{height:clamp(220px,17vw,290px)!important}
body .pr-hero .supplied-home-art,body .pr-hero .supplied-home-art img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:62% 45%}
body .pr-hero .home-hero-title{font-size:clamp(28px,2.6vw,48px)!important}
body .pr-hit,body .pr-signup,body .pr-coins,body .pr-props{width:300px;padding:20px 22px;display:flex;flex-direction:column;justify-content:center;gap:8px}
body .pr-kicker{margin:0;font:800 11px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
body .pr-card h2{margin:0;font:900 26px/1.02 Manrope,sans-serif;letter-spacing:-.01em;color:#fff!important}
body .pr-card p{margin:0;font:600 13px/1.45 Manrope,sans-serif;opacity:.9}
body .pr-hit{background:radial-gradient(120% 90% at 85% 0%,#ff3048 0%,#b30016 45%,#3a0008 100%)}
body .pr-hit h2{font-size:30px}
body .pr-hit h2 span{color:#ffd25a!important;font-size:22px}
body .pr-burst{position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:repeating-conic-gradient(#ffffff1f 0 10deg,transparent 10deg 20deg)}
body .pr-match{font-size:12.5px!important}
body .pr-pick{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:0 14px;border-radius:10px;border:0;background:#fff;color:#0e1116;font:800 15px Manrope,sans-serif;cursor:pointer;box-shadow:0 4px 12px #0004}
body .pr-pick b{font-size:18px;color:#0e1116}
body .pr-pick.is-selected{background:#0e1116;color:#fff}
body .pr-pick.is-selected b{color:#ffd25a}
body .pr-pick:disabled{opacity:.6;cursor:not-allowed}
body .pr-hit small{font:600 11px Manrope,sans-serif;opacity:.8}
body .pr-signup{background:linear-gradient(140deg,#0b7a45,#15a35c 55%,#7be3a9)}
body .pr-big{display:block;font-size:46px;line-height:1;color:#fff!important;text-shadow:0 2px 0 #0003}
body .pr-coins{background:linear-gradient(150deg,#15171b,#2a2e34);padding-top:8px}
body .pr-coins .pr-art{width:150px;height:auto;margin:-6px 0 -4px}
body .pr-props{background:linear-gradient(150deg,#1f3fd1,#0d1f6e)}
body .pr-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;border:0;background:#fff;color:#0e1116!important;font:800 13px Manrope,sans-serif;text-decoration:none;cursor:pointer}
body .pr-cta .icon{width:16px;height:16px;stroke:#0e1116}
body .pr-mascot{width:clamp(170px,13vw,220px);border:0!important}
body .pr-mascot img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
body .home-intro-grid{display:none!important}
@media (prefers-reduced-motion:reduce){body .pr-track{animation:none}body .promo-rail{overflow-x:auto}body .pr-set[aria-hidden]{display:none}}
@media (max-width:700px){body .pr-hero{width:86vw}body .pr-hit,body .pr-signup,body .pr-coins,body .pr-props{width:260px}}
/* rail hero: keep the headline proportional to the card, not the old full-width hero */
body #app .pr-hero .home-hero-copy{max-width:58%;padding:22px 26px!important;justify-content:center}
body #app .pr-hero .home-hero-title,body #app .pr-hero .home-hero-title span{font-size:clamp(26px,2.4vw,42px)!important;line-height:.98!important;letter-spacing:-.02em!important}
body #app .pr-hero .home-hero-copy p{font-size:13px!important}
/* My Bets chart header: label above value, never squeezed */
body .econ-chart>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
body .econ-chart>div:first-child b{font-size:24px;line-height:1.1;white-space:nowrap}
body #app .pr-hero .home-hero-cta{white-space:nowrap}
@media (max-width:700px){body #app .pr-hero .home-hero-copy{max-width:72%;padding:16px 18px!important}body #app .pr-hero .home-hero-title,body #app .pr-hero .home-hero-title span{font-size:24px!important}body #app .pr-hero .home-hero-copy p{font-size:12px!important}body #app .pr-hero .home-hero-cta{padding:8px 14px!important;font-size:13px!important;min-height:0!important}}
body .pr-art-card{display:block;height:clamp(220px,17vw,290px)}
body .pr-art-card img{height:100%;width:auto;display:block}
/* self-exclusion modal */
body .ex-sheet{max-width:520px}
body .ex-readout{display:flex;flex-direction:column;align-items:center;gap:4px;margin:18px 0 10px;text-align:center}
body .ex-readout strong{font:900 34px/1 Manrope,sans-serif;color:#0e1116}
body .ex-readout small{font:600 13px Manrope,sans-serif;color:#5b6470}
body .ex-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;border:0!important;padding:0!important;margin:14px 0 6px;background:linear-gradient(90deg,#d9001b var(--fill,0%),#e2e5e9 var(--fill,0%))!important;box-shadow:none!important;cursor:pointer}
body .ex-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid #d9001b;box-shadow:0 2px 8px #10182833}
body .ex-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #d9001b}
body .ex-range:focus-visible{outline:3px solid #d9001b55;outline-offset:6px}
body .ex-scale{display:flex;justify-content:space-between;font:700 11px Manrope,sans-serif;color:#8a929c;text-transform:uppercase;letter-spacing:.04em;margin-bottom:20px}
body .ex-warn{display:flex;gap:14px;align-items:flex-start;background:#fff4f4;border:1px solid #f3b8be;border-left:5px solid #d9001b;border-radius:12px;padding:16px;margin:16px 0 20px}
body .ex-warn-icon{flex:none;width:34px;height:34px;border-radius:50%;background:#d9001b;color:#fff;display:grid;place-items:center;font:900 20px Manrope,sans-serif}
body .ex-warn strong{display:block;font:900 18px Manrope,sans-serif;color:#9d0014;margin-bottom:4px}
body .ex-warn p{margin:0 0 6px;font:600 14px/1.45 Manrope,sans-serif;color:#2a2f36}
body .ex-warn small{font:700 12px Manrope,sans-serif;color:#5b6470}
body .ex-sheet .st-buttons{display:flex;gap:10px;justify-content:flex-end}
body .ex-sheet .danger{background:#d9001b!important;color:#fff!important;border-color:#d9001b!important}
body .ex-range,body .ex-range:focus{outline:none!important;border:0!important;box-shadow:none!important}
body .ex-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px #d9001b33,0 2px 8px #10182833}

/* ---------- Shell tone switcher (profile menu → Header & sidebar). Default: Silver. ---------- */
/* Slate: mid grey, white text */
html[data-shell=slate]{--shell:#3a3f47;--shell2:#464c55;--shell-line:#59606b;--shell-sub:#c3c9d0}
html[data-shell=slate] body .topbar,html[data-shell=slate] body .sidebar{border-color:#2c3036!important}
html[data-shell=slate] body .sidebar a.active,html[data-shell=slate] body .sidebar button.active{background:#4d3a3e!important}
html[data-shell=slate] body .sidebar .eyebrow,html[data-shell=slate] body .sidebar .side-note,html[data-shell=slate] body .sidebar .count,html[data-shell=slate] body .sidebar small{color:#b4bbc3!important}
/* Silver: light grey, dark text */
html[data-shell=silver]{--shell:#e3e6ea;--shell2:#f4f5f7;--shell-line:#c9ced5;--shell-text:#1b1f24;--shell-sub:#5b6470}
html[data-shell=silver] body .topbar{border-bottom:1px solid #cdd2d8!important;box-shadow:0 1px 0 #fff,0 4px 14px #1018280d!important}
html[data-shell=silver] body .topnav a{color:#3d444d!important}
html[data-shell=silver] body .topnav a:hover,html[data-shell=silver] body .topnav a.active{color:#0e1116!important}
html[data-shell=silver] body .search-trigger .icon{stroke:#3d444d!important}
html[data-shell=silver] body .coin-balances b{color:#0e1116!important}
html[data-shell=silver] body .account-menu .avatar .icon{stroke:#1b1f24!important}
html[data-shell=silver] body .wallet-plus{box-shadow:0 0 0 2px var(--shell)}
html[data-shell=silver] body .demo-strip{background:#eceef1!important;border-bottom-color:#d3d8de!important}
html[data-shell=silver] body .demo-strip a{color:#0e1116!important}
html[data-shell=silver] body .demo-strip strong{color:#c4001a!important;border-color:#c4001a!important}
html[data-shell=silver] body .sidebar{border-right:1px solid #cdd2d8!important}
html[data-shell=silver] body .sidebar a,html[data-shell=silver] body .sidebar button{color:#2f353d!important}
html[data-shell=silver] body .sidebar .icon{stroke:currentColor!important}
html[data-shell=silver] body .sidebar a:hover,html[data-shell=silver] body .sidebar button:hover:not(:disabled){background:#f4f5f7!important;color:#0e1116!important}
html[data-shell=silver] body .sidebar a.active,html[data-shell=silver] body .sidebar button.active{background:#fff!important;color:#0e1116!important;box-shadow:inset 3px 0 var(--d-red),0 1px 2px #1018281a!important}
html[data-shell=silver] body .sidebar .eyebrow,html[data-shell=silver] body .sidebar small,html[data-shell=silver] body .sidebar .side-note,html[data-shell=silver] body .sidebar p,html[data-shell=silver] body .sidebar .count{color:#6b737d!important}
html[data-shell=silver] body .sidebar h2,html[data-shell=silver] body .sidebar strong{color:#0e1116!important}
html[data-shell=silver] body .sidebar hr,html[data-shell=silver] body .side-bottom{border-color:#cdd2d8!important}
/* the switcher itself */
body .shell-switch{padding:8px 12px 10px;border-top:1px solid #e2e5e9}
body .shell-switch>span{display:block;font:800 11px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6b737d;margin-bottom:6px}
body .shell-switch div{display:flex;gap:6px}
body .shell-switch button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border:1px solid #dde1e6;border-radius:10px;background:#fff;font:700 11px Manrope,sans-serif;color:#2f353d;cursor:pointer}
body .shell-switch button i{width:28px;height:14px;border-radius:4px;border:1px solid #0002}
body .shell-switch button[aria-pressed=true]{border-color:#d9001b;box-shadow:0 0 0 1px #d9001b}
body .shell-swatch-silver{background:#e3e6ea}body .shell-swatch-slate{background:#3a3f47}body .shell-swatch-charcoal{background:#15171b}
html[data-shell=silver]{--shell:#dcdfe4}
html[data-shell=silver] body .sidebar a.active .icon,html[data-shell=silver] body .sidebar button.active .icon,html[data-shell=silver] body .sidebar a.active svg{stroke:#d9001b!important;color:#d9001b!important;opacity:1!important;filter:none!important}
/* SubLines wordmark (supplied logo art), top left — returns to the top of Home */
body .topbar .brand{display:flex!important;align-items:center;flex:none;margin:0 14px 0 2px;text-decoration:none;cursor:pointer}
body .topbar .brand .wordmark{display:block!important;width:176px!important;height:43px!important;background:url(/art/sublines-logo.png) left center/contain no-repeat!important;font-size:0!important;color:transparent!important;text-shadow:none!important;transform:none!important;overflow:hidden}
body .topbar .brand .wordmark *{display:none!important}
body .topbar .brand:hover .wordmark{filter:brightness(1.12)}
body .topbar .brand:focus-visible{outline:2px solid #e8001f;outline-offset:4px;border-radius:6px}
@media (max-width:700px){body .topbar .brand .wordmark{width:140px!important;height:34px!important}}
/* Hero rail: fixed split (hero + Big Game Energy); manual slide when more promos exist — no auto-scroll */
body .promo-rail{-webkit-mask-image:none!important;mask-image:none!important;overflow:visible!important}
body .promo-rail .pr-track{animation:none!important;transform:none!important;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:16px}
body .promo-rail .pr-track::-webkit-scrollbar{display:none}
body .promo-rail .pr-card{scroll-snap-align:start}
body .promo-rail:not(.has-more) .pr-hero{flex:1 1 auto;width:auto!important;min-width:0}
body .promo-rail:not(.has-more) .pr-mascot{flex:0 0 clamp(170px,22%,300px);width:auto}
body .promo-rail.has-more .pr-hero{flex:0 0 74%;width:auto!important}
body .promo-rail .pr-mascot img{width:100%;height:100%;object-fit:cover;object-position:center top}
body .promo-rail{position:relative}
body .pr-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:#fffffff0;color:#0e1116;font:900 24px/1 Manrope,sans-serif;box-shadow:0 4px 14px #0004;cursor:pointer}
body .pr-nav[hidden]{display:none}
body .pr-prev{left:10px}body .pr-next{right:10px}
@media (max-width:700px){body .promo-rail:not(.has-more) .pr-hero{flex:0 0 86%}body .promo-rail:not(.has-more) .pr-mascot{flex:0 0 46%}body .promo-rail .pr-track{scroll-padding-left:0}}
/* ===== Coin store v2 (mockup-matched) ===== */
body .store-sheet2{position:relative;z-index:2;width:min(930px,calc(100vw - 32px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0008;color:#0e1116}
body .store-sheet2.st-checkout{width:min(1120px,calc(100vw - 32px))}
body .store-sheet2.st-options,body .store-sheet2.st-done{width:min(820px,calc(100vw - 32px))}
body .st-logo{display:block;width:150px;height:36px;background:url(/art/sublines-logo.png) left center/contain no-repeat}
body .st-hero,body .st-bar{position:relative;flex:none;color:#fff;background:linear-gradient(90deg,#121418 0%,#121418 46%,#12141800 78%),url(/art/home-detail-v2.webp) right 40%/auto 260% no-repeat,#121418;border-bottom:4px solid #e8001f}
body .st-hero{padding:26px 34px 24px}
body .st-hero .st-kicker{margin:16px 0 4px;font:800 13px Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#c9ced5}
body .st-hero h2{margin:0;font:900 clamp(28px,3.2vw,40px)/1.05 Manrope,sans-serif;color:#fff}
body .st-sub{margin:8px 0 0;font:500 clamp(14px,1.6vw,19px) Manrope,sans-serif;color:#e3e6ea}
body .st-bar{display:flex;align-items:center;gap:14px;padding:18px 30px;min-height:76px}
body .st-bar-tall{min-height:84px}
body .st-bar-label{padding-left:14px;border-left:1px solid #ffffff55;font:800 15px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e3e6ea}
body .st-x{position:absolute;right:18px;top:16px;width:42px;height:42px;border-radius:50%;border:0;background:#0006;color:#fff;font:400 34px/1 Manrope,sans-serif;cursor:pointer}
body .st-x:hover{background:#000a}
body .st-body{flex:1;overflow:auto;padding:22px 30px 18px}
body .st-title{margin:4px 0 14px;font:900 clamp(26px,3vw,38px) Manrope,sans-serif;color:#0e1116}
body .st-kicker-dark{margin:0;font:800 13px Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#5b6470}
body .st-stepper{display:flex;align-items:center;gap:12px;list-style:none;margin:6px auto 20px;padding:0;max-width:720px}
body .st-step{display:flex;align-items:center;gap:10px;font:800 14px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6b737d}
body .st-step b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#8a929c;color:#fff;font:800 17px Manrope,sans-serif}
body .st-step.on b,body .st-step.done b{background:#d9001b}
body .st-step.on span{color:#d9001b}
body .st-line{flex:1;height:2px;background:#d3d8de}
body .st-line.on{background:#d9001b}
body .st-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
body .st-chip{position:relative;display:flex;align-items:center;gap:18px;min-height:150px;padding:18px 22px;border:1.5px solid #dde1e6;border-radius:14px;background:#f5f6f8;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
body .st-chip:hover{border-color:#b9c0c8;background:#f0f2f4}
body .st-chip.is-selected{border:2.5px solid #d9001b;background:#fdecee}
body .st-chip .st-art{width:84px;height:72px;object-fit:contain;flex:none}
body .st-chip-txt{display:flex;flex-direction:column;gap:6px}
body .st-chip-txt strong{font:900 34px/1 Manrope,sans-serif;color:#0e1116;margin-bottom:6px}
body .st-cr{display:inline-flex;align-items:center;gap:9px;font:600 17px Manrope,sans-serif;color:#2a2f36}
body .st-cr .coin{width:26px;height:26px;font-size:13px}
body .st-tick{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d9001b;color:#fff;font:900 15px/1 Manrope,sans-serif}
body .st-legend{margin:16px 0 0;padding-top:12px;border-top:1px solid #e2e5e9;font:500 13px/1.6 Manrope,sans-serif;color:#6b737d}
body .st-legend b{font-weight:700;color:#4a525c}
body .st-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 30px;background:#f5f6f8;border-top:1px solid #e2e5e9}
body .st-foot strong{display:block;font:900 22px Manrope,sans-serif;color:#0e1116}
body .st-foot small{font:500 16px Manrope,sans-serif;color:#5b6470}
body .st-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;padding:0 34px;border:0;border-radius:10px;background:linear-gradient(180deg,#ea0a24,#c4001a);color:#fff;font:800 20px Manrope,sans-serif;cursor:pointer;box-shadow:0 3px 0 #8f0013}
body .st-primary:disabled{opacity:.45;cursor:not-allowed}
body .st-foot .st-primary{min-width:min(290px,45vw)}
body .st-secondary{min-height:58px;padding:0 30px;border:1.5px solid #8a929c;border-radius:10px;background:#fff;color:#0e1116;font:700 19px Manrope,sans-serif;cursor:pointer}
body .st-buttons{flex:none;display:grid;grid-template-columns:1fr 1.85fr;gap:18px;padding:16px 30px 24px}
body .st-buttons.st-one{grid-template-columns:1fr}
body .st-picked{display:flex;align-items:center;gap:18px;padding:16px 22px;border:1.5px solid #dde1e6;border-radius:14px;background:#f5f6f8;margin-bottom:14px}
body .st-picked .st-art{width:96px;height:66px;object-fit:contain}
body .st-picked strong{display:block;font:800 22px Manrope,sans-serif}
body .st-picked small{font:500 16px Manrope,sans-serif;color:#5b6470}
body .st-picked .st-link{margin-left:auto;border:0;background:none;color:#d9001b;font:700 18px Manrope,sans-serif;text-decoration:underline;cursor:pointer}
body .st-options{display:flex;flex-direction:column;gap:12px}
body .st-option{display:flex;align-items:center;gap:24px;padding:16px 22px;border:1.5px solid #dde1e6;border-radius:14px;background:#f5f6f8;text-align:left;cursor:pointer}
body .st-option.is-selected{border:2.5px solid #d9001b;background:#fdecee}
body .st-mult{flex:none;display:grid;place-items:center;width:100px;height:72px;border-radius:10px;background:#16181c;color:#fff;font:800 30px Manrope,sans-serif}
body .st-option.is-selected .st-mult{background:linear-gradient(180deg,#ea0a24,#c4001a)}
body .st-opt-main{flex:1;display:flex;flex-direction:column;gap:6px}
body .st-opt-main strong{font:800 21px Manrope,sans-serif;color:#0e1116}
body .st-opt-main small{font:500 16px Manrope,sans-serif;color:#5b6470}
body .st-coins{display:flex;gap:22px}
body .st-coins .st-cr{font:600 21px Manrope,sans-serif;color:#0e1116}
body .st-radio{flex:none;width:34px;height:34px;border-radius:50%;border:2px solid #8a929c;background:#fff}
body .st-option.is-selected .st-radio{border:9px solid #d9001b}
body .st-note{margin:14px 0 0;padding:16px 22px;border:1px solid #dde1e6;border-radius:12px;background:#f5f6f8;font:500 15px/1.55 Manrope,sans-serif;color:#4a525c}
body .st-lead{text-align:center;font:500 17px Manrope,sans-serif;color:#4a525c;margin:0 0 14px}
body .st-receipt{padding:6px 38px;border:1px solid #dde1e6;border-radius:16px;background:#f5f6f8}
body .st-receipt>div{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #dde1e6;font:500 19px Manrope,sans-serif;color:#4a525c}
body .st-receipt>div:last-child{border:0}
body .st-receipt b{font:700 20px Manrope,sans-serif;color:#0e1116}
body .st-receipt .st-cr{font:700 20px Manrope,sans-serif;color:#0e1116}
body .st-receipt .st-total b{font:900 30px Manrope,sans-serif}
body .st-method-title{margin:20px 0 10px;font:800 19px Manrope,sans-serif;color:#0e1116}
body .st-paygrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
body .st-pay{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:128px;border:1.5px solid #cfd4da;border-radius:10px;background:#fff;font:600 17px Manrope,sans-serif;color:#2a2f36;cursor:pointer}
body .st-pay:hover{border-color:#8a929c}
body .st-pay.is-selected{border:2.5px solid #d9001b;background:#fdecee}
body .st-pay-ico{height:50px;width:auto;max-width:64px;object-fit:contain}
body .st-fine{text-align:center;font:500 14px Manrope,sans-serif;color:#5b6470;margin:14px 0 0}
body .st-error{margin:10px 0 0;padding:10px 14px;border-radius:10px;background:#fff1f2;color:#9d0014;font:700 14px Manrope,sans-serif}
body .st-done{text-align:center;padding:18px 10px}
body .st-done .st-check{width:76px;height:76px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:#0f8a4b;color:#fff;font:900 38px Manrope,sans-serif}
body .st-done h2{margin:0 0 8px;font:900 30px Manrope,sans-serif;color:#0e1116}
body .st-done p{font:500 17px/1.5 Manrope,sans-serif;color:#2a2f36}
body .store-sheet2 button:focus-visible{outline:3px solid #d9001b66;outline-offset:2px}
@media (max-width:820px){body .st-grid{grid-template-columns:repeat(2,1fr)}body .st-paygrid{grid-template-columns:repeat(3,1fr)}body .st-chip{min-height:120px;gap:12px;padding:14px}body .st-chip-txt strong{font-size:26px}body .st-chip .st-art{width:60px;height:54px}body .st-cr{font-size:14px}}
@media (max-width:520px){body .st-grid{grid-template-columns:1fr 1fr}body .st-chip{flex-direction:column;align-items:flex-start}body .st-hero,body .st-body,body .st-foot,body .st-buttons{padding-left:16px;padding-right:16px}body .st-step span{display:none}body .st-option{gap:12px;padding:12px}body .st-mult{width:64px;height:56px;font-size:20px}body .st-coins{flex-wrap:wrap;gap:8px}body .st-coins .st-cr,body .st-opt-main strong{font-size:16px}body .st-receipt{padding:4px 16px}body .st-receipt>div{font-size:15px}body .st-buttons{grid-template-columns:1fr}body .st-primary,body .st-secondary{min-height:50px;font-size:17px}}

/* ===== Notification bell ===== */
body .notif-menu{position:relative}
body .bell-btn{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--shell-line);background:var(--shell2);cursor:pointer}
body .bell-btn svg{width:21px;height:21px;fill:none;stroke:var(--shell-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body .bell-btn:hover{background:#2a2e34}
body .bell-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e8001f;color:#fff;font:800 11px/20px Manrope,sans-serif;text-align:center;box-shadow:0 0 0 2px var(--shell)}
body .notif-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:70;width:min(380px,calc(100vw - 24px));max-height:min(520px,70vh);overflow:auto;background:#fff;border:1px solid #dde1e6;border-radius:14px;box-shadow:0 18px 48px #10182840}
body .notif-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff;border-bottom:1px solid #eceef1}
body .notif-head strong{font:800 16px Manrope,sans-serif;color:#0e1116}
body .notif-head .text-link{border:0;background:none;color:#d9001b;font:700 13px Manrope,sans-serif;cursor:pointer}
body .notif-list{list-style:none;margin:0;padding:0}
body .notif{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid #f0f2f4}
body .notif.unread{background:#fff6f7}
body .notif.unread b::after{content:'';display:inline-block;width:8px;height:8px;margin-left:8px;border-radius:50%;background:#e8001f;vertical-align:middle}
body .notif-ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f0f2f4;font-size:18px}
body .notif-purchase .notif-ico{background:#fff4d6}body .notif-bonus .notif-ico{background:#e5f7ec}body .notif-redeem .notif-ico{background:#e7f0ff}
body .notif b{display:block;font:800 14px Manrope,sans-serif;color:#0e1116}
body .notif p{margin:3px 0 4px;font:500 13px/1.45 Manrope,sans-serif;color:#3d444d}
body .notif small{font:600 11px Manrope,sans-serif;color:#8a929c}
body .notif-empty{padding:26px 18px;text-align:center;font:500 14px/1.5 Manrope,sans-serif;color:#5b6470}
/* store v2: beat legacy .st-* rules */
body .store-sheet2 .st-hero h2{color:#fff!important;font:900 clamp(28px,3.2vw,40px)/1.05 Manrope,sans-serif!important}
body .store-sheet2 .st-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
body .store-sheet2 .st-chip{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;min-height:132px!important;padding:16px 22px!important}
body .store-sheet2 .st-chip .st-art{width:78px!important;height:66px!important;margin:0!important}
body .store-sheet2 .st-chip-txt{align-items:flex-start}
body .store-sheet2 .st-chip-txt strong{font:900 32px/1 Manrope,sans-serif!important}
body .store-sheet2 .st-receipt{display:block!important;grid-template-columns:none!important;padding:6px 38px!important}
body .store-sheet2 .st-receipt>div{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px;width:auto!important}
body .store-sheet2 .st-receipt>div>span{flex:1;white-space:nowrap}
body .store-sheet2 .st-receipt>div>b{white-space:nowrap;text-align:right}
body .store-sheet2 .st-method-title{text-align:left!important;border:0!important}
body .store-sheet2 .st-primary{font:800 20px Manrope,sans-serif!important;color:#fff!important}
body .store-sheet2 .st-secondary{font:700 19px Manrope,sans-serif!important;color:#0e1116!important}
body .store-sheet2 .st-stepper{margin:4px auto 18px!important}
@media (max-width:820px){body .store-sheet2 .st-grid{grid-template-columns:repeat(2,1fr)!important}body .store-sheet2 .st-chip{min-height:110px!important;padding:12px 14px!important;gap:10px}body .store-sheet2 .st-chip .st-art{width:56px!important;height:50px!important}body .store-sheet2 .st-chip-txt strong{font-size:24px!important}}
@media (max-width:520px){body .store-sheet2 .st-receipt{padding:4px 16px!important}body .store-sheet2 .st-receipt>div{flex-wrap:wrap}body .store-sheet2 .st-primary,body .store-sheet2 .st-secondary{font-size:17px!important}}
body .promo-rail:not(.has-more) .pr-hero{flex:1 1 0%!important;width:auto!important;min-width:0!important}
body .promo-rail:not(.has-more) .pr-mascot{flex:0 0 clamp(170px,24%,300px)!important}
@media (max-width:700px){body .promo-rail:not(.has-more) .pr-hero{flex:0 0 86%!important}body .promo-rail:not(.has-more) .pr-mascot{flex:0 0 46%!important}}
body .promo-rail .pr-track{width:100%!important;max-width:100%!important}
@media (max-width:700px){body .promo-rail .pr-mascot{display:block!important;flex:0 0 52%!important}body .promo-rail .pr-track{scroll-snap-type:x mandatory}}
/* ===== Header: wallet + coins centred; search, bell, profile right ===== */
body .topbar{position:sticky}
body .coin-center{display:flex;align-items:center;gap:10px;flex:none}
body .topbar .topright{margin-left:auto}
@media (min-width:1280px){body .topbar .coin-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}
@media (max-width:1279px){body .topbar .coin-center{margin-left:auto}body .topbar .topright{margin-left:10px}}
body .coin-select{position:relative}
body .coin-cur{display:flex;align-items:center;gap:10px;height:48px;min-width:200px;padding:0 14px 0 8px;border:1px solid var(--shell-line);border-radius:12px;background:var(--shell2);color:#fff;cursor:pointer}
body .coin-cur:hover,body .coin-select.open .coin-cur{border-color:#4a5058;background:#24272d}
body .coin-cur .coin{width:32px;height:32px;font-size:15px}
body .coin-cur b{font:800 20px Manrope,sans-serif;color:#fff;letter-spacing:-.01em}
body .coin-cur small{margin-left:auto;font:700 13px Manrope,sans-serif;color:var(--shell-sub)}
body .coin-chev{width:18px;height:18px;fill:none;stroke:var(--shell-sub);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
body .coin-select.open .coin-chev{transform:rotate(180deg)}
body .coin-drop{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:75;padding:6px;border:1px solid #3a3f47;border-radius:12px;background:#1d2025;box-shadow:0 14px 34px #0009}
body .coin-drop button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#fff;text-align:left;cursor:pointer}
body .coin-drop button:hover,body .coin-drop button:focus-visible{background:#2a2e34;outline:none}
body .coin-drop .coin{width:32px;height:32px;font-size:15px}
body .coin-drop span{display:flex;flex-direction:column}
body .coin-drop span b{font:800 14px Manrope,sans-serif;color:#fff}
body .coin-drop span small{font:600 12px Manrope,sans-serif;color:var(--shell-sub)}
body .coin-drop>button>b{margin-left:auto;font:800 17px Manrope,sans-serif;color:#fff}
body .coin-center .wallet-btn{width:48px;height:48px;border-radius:12px}
/* betslip currency chip */
body .slip-kind .slip-coin{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 4px;border-radius:999px;font:800 11px Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase}
body .slip-kind .slip-coin .coin{width:18px;height:18px;font-size:10px}
body .slip-coin-gc{background:#fff6dc;color:#7a5800!important}
body .slip-coin-sc{background:#e3f7ea;color:#0b6b3a!important}
@media (max-width:700px){body .coin-cur{min-width:0;height:42px}body .coin-cur b{font-size:16px}body .coin-center .wallet-btn{width:42px;height:42px}}
/* ===== Collapsible sidebar ===== */
body .side-toggle{display:flex;align-items:center;gap:12px;width:calc(100% - 22px);margin:10px 11px 6px;padding:9px 12px;border:1px solid var(--shell-line);border-radius:10px;background:transparent;color:var(--shell-sub)!important;font:700 13px Manrope,sans-serif;cursor:pointer}
body .side-toggle:hover{background:var(--shell2)!important;color:#fff!important}
body .side-toggle svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:1051px){
  body.side-mini.classic-home .layout{grid-template-columns:72px minmax(0,1fr)!important}
  body.side-mini .sidebar{overflow:visible!important}
  body.side-mini .sidebar .side-label,body.side-mini .sidebar .count,body.side-mini .sidebar .eyebrow,body.side-mini .sidebar .side-bottom{display:none!important}
  body.side-mini .sidebar .side-link,body.side-mini .side-toggle{position:relative;justify-content:center;padding-left:0!important;padding-right:0!important}
  body.side-mini .side-toggle{width:48px;margin:10px auto 6px}
  body.side-mini .sidebar nav{padding-left:8px!important;padding-right:8px!important}
  body.side-mini .sidebar .side-link{width:48px;margin-left:auto;margin-right:auto;gap:0!important}
  body.side-mini .sidebar [data-tip]:hover::after,body.side-mini .sidebar [data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);z-index:80;padding:7px 11px;border-radius:8px;background:#0e1116;color:#fff;font:700 13px Manrope,sans-serif;white-space:nowrap;box-shadow:0 6px 18px #0006;pointer-events:none}
}
@media (max-width:1050px){body .side-toggle{display:none}}
/* centre coins in the free space between the nav and the right-hand group (never overlaps the nav) */
body .topbar .coin-center{position:static!important;transform:none!important;flex:1 1 auto!important;justify-content:center;margin:0 12px!important;min-width:0}
body .topbar .topright{margin-left:0!important;flex:none}
body .coin-drop{min-width:250px}
body .coin-drop span b{white-space:nowrap}
@media (max-width:700px){body .topbar .coin-center{flex:1 1 auto!important;justify-content:flex-start;margin:0!important}}
/* My Bets: just open stakes + potential return; no punch-hole circles on tickets */
body .bets-econ{display:block!important}
body .econ-grid.econ-two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
body .model-ticket-money::before,body .model-ticket-money::after,body .model-ticket::after{display:none!important;content:none!important}
/* Coins + wallet live on the right, between search and bell/profile */
body .topbar .topright{margin-left:auto!important;display:flex;align-items:center;gap:10px}
body .topbar .topright .coin-center{flex:none!important;margin:0 4px!important;position:static!important;transform:none!important}
body .topbar .topright .coin-cur{min-width:180px}
@media (max-width:1279px){body .topbar .topright .search-trigger span,body .topbar .topright .search-trigger kbd{display:none}}
@media (max-width:700px){body .topbar .topright{gap:6px}body .topbar .topright .coin-cur{min-width:0}}
/* Hamburger toggle: same box, padding and icon column as every sidebar link */
body .sidebar .side-toggle{width:100%!important;margin:0 0 6px!important;border:0!important;border-radius:var(--side-radius,10px);background:transparent!important;color:#cfd5db!important;font:inherit;text-align:left}
body .sidebar .side-toggle:hover{background:var(--shell2)!important;color:#fff!important}
body .sidebar .side-toggle .icon{fill:none;stroke:currentColor}
@media (min-width:1051px){body.side-mini .sidebar .side-toggle{width:48px!important;margin:0 auto 6px!important}}
@media (min-width:1280px){body .topbar .topright .search-trigger{width:206px!important;min-width:206px!important;justify-content:flex-start}body .topbar .topright .search-trigger kbd{margin-left:auto}}
/* Wider main nav tabs */
@media (min-width:1280px){body .topbar .topnav a{padding-left:18px!important;padding-right:18px!important}}
@media (min-width:1051px) and (max-width:1279px){body .topbar .topnav a{padding-left:11px!important;padding-right:11px!important}}
body .wallet-plus{background:#16a34a!important;color:#fff!important;font:900 14px/18px Manrope,sans-serif!important;box-shadow:0 0 0 2px var(--shell,#15171b),0 2px 6px #0006!important}
/* ===== One sidebar on every page (same width, same state) ===== */
@media (min-width:1051px){
  #app>.layout{display:grid!important;grid-template-columns:200px minmax(0,1fr)!important;align-items:start!important;gap:0!important}
  body.side-mini #app>.layout{grid-template-columns:72px minmax(0,1fr)!important}
  #app>.layout>.sidebar{display:block!important;grid-column:1;width:auto!important}
  #app>.layout>.main{grid-column:2;min-width:0}
}
/* Player Props sport chooser (moved out of its old sidebar) */
body .props-sportbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
body .props-sportbar button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid #dde1e6;border-radius:999px;background:#fff;color:#2a2f36;font:700 14px Manrope,sans-serif;cursor:pointer}
body .props-sportbar button small{font:700 12px Manrope,sans-serif;color:#5b6470}
body .props-sportbar button.active{background:#0e1116;border-color:#0e1116;color:#fff}
body .props-sportbar button.active small{color:#c3c9d0}
body .props-sportbar button:disabled{opacity:.45;cursor:not-allowed}
@media (min-width:1051px){#app>.category-bar{display:none!important}}
/* identical sidebar geometry on every page */
@media (min-width:1051px){
  #app>.demo-strip{display:none!important}
  #app>.layout>.sidebar{top:66px!important;padding:0!important;margin:0!important}
  #app>.layout>.sidebar>nav{padding:14px 11px!important;margin:0!important;display:flex;flex-direction:column;gap:2px}
  #app>.layout>.sidebar .side-link{display:flex!important;align-items:center;gap:12px;min-height:46px;padding:0 12px!important;margin:0!important;border-radius:10px;font:600 15px Manrope,sans-serif!important}
  #app>.layout>.sidebar .side-link .icon{width:20px;height:20px;flex:none}
  #app>.layout>.sidebar .side-link .count{margin-left:auto}
  #app>.layout>.sidebar .eyebrow{margin:14px 12px 6px!important;padding:0!important}
  body.side-mini #app>.layout>.sidebar>nav{padding:14px 12px!important}
  body.side-mini #app>.layout>.sidebar .side-link{width:48px!important;justify-content:center;padding:0!important;margin:0 auto!important}
}
/* Mini-sidebar labels: above the page (hero rail included), up and to the right of the icon */
@media (min-width:1051px){
  #app>.layout>.sidebar{position:sticky!important;z-index:45!important}
  body.side-mini #app>.layout>.sidebar,body.side-mini #app>.layout>.sidebar>nav{overflow:visible!important}
  body.side-mini .sidebar [data-tip]:hover::after,body.side-mini .sidebar [data-tip]:focus-visible::after{left:calc(100% + 6px)!important;top:-12px!important;transform:none!important;z-index:90!important}
}
/* ===== Header live search ===== */
body .hsearch{position:relative;display:flex;align-items:center;width:206px;height:44px;border:1px solid var(--shell-line);border-radius:10px;background:var(--shell2);transition:width .18s,border-color .15s}
body .hsearch.open,body .hsearch:focus-within{width:300px;border-color:#5a616b}
body .hsearch-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:grid;pointer-events:none}
body .hsearch-ico .icon{width:18px;height:18px;stroke:var(--shell-text)}
body .hsearch input{width:100%;height:100%;padding:0 12px 0 40px!important;border:0!important;background:transparent!important;color:#fff!important;font:600 14px Manrope,sans-serif!important;outline:none;box-shadow:none!important}
body .hsearch input::placeholder{color:var(--shell-sub)}
body .hsearch input::-webkit-search-cancel-button{filter:invert(1)}
body .hsearch-list{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:min(420px,calc(100vw - 24px));max-height:min(480px,70vh);overflow:auto;padding:6px;background:#fff;border:1px solid #dde1e6;border-radius:14px;box-shadow:0 18px 48px #10182840}
body .hs-head{padding:10px 10px 4px;font:800 11px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8a929c}
body .hs-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;text-decoration:none;color:#0e1116}
body .hs-item:hover,body .hs-item.active{background:#f2f4f6}
body .hs-ico{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eef0f3}
body .hs-ico .icon{width:18px;height:18px;stroke:#3d444d}
body .hs-avatar{background:#0e1116;color:#fff;font:800 12px Manrope,sans-serif}
body .hs-main{display:flex;flex-direction:column;min-width:0;flex:1}
body .hs-main b{font:700 14px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .hs-main b i{font-style:normal;color:#8a929c;font-weight:600}
body .hs-main small{font:500 12px Manrope,sans-serif;color:#6b737d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .hs-main mark{background:#ffe3e6;color:#c4001a;border-radius:3px;padding:0 1px}
body .hs-live{flex:none;padding:2px 7px;border-radius:5px;background:#e8001f;color:#fff;font:800 10px Manrope,sans-serif;letter-spacing:.06em}
body .hs-all{display:block;margin-top:4px;padding:10px;border-top:1px solid #eceef1;color:#d9001b;font:700 13px Manrope,sans-serif;text-decoration:none;text-align:center}
body .hs-empty{padding:18px 12px;text-align:center;font:500 14px Manrope,sans-serif;color:#5b6470}
@media (max-width:1279px){body .hsearch{width:150px}body .hsearch.open,body .hsearch:focus-within{width:240px}}
@media (max-width:700px){body .hsearch{width:44px}body .hsearch input{padding-left:36px!important;color:transparent!important}body .hsearch input::placeholder{color:transparent}body .hsearch.open,body .hsearch:focus-within{position:absolute;left:12px;right:12px;width:auto;z-index:85;background:#1d2025}body .hsearch.open input,body .hsearch:focus-within input{color:#fff!important}body .hsearch-list{left:0;right:0;width:auto}}
/* ===== My Bets: full width, bigger tickets ===== */
body.ticket-room #app>.layout>.main{max-width:none!important;width:auto!important;margin:0!important;padding:22px 24px 40px!important}
body.ticket-room .model-bets,body.ticket-room .bets-econ{max-width:none!important;width:100%!important}
body.ticket-room .model-ticket-wall{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))!important;gap:18px!important}
body.ticket-room .model-ticket-wall>.model-ticket{width:auto!important;max-width:none!important;zoom:1.1}
@media (max-width:700px){body.ticket-room #app>.layout>.main{padding:14px 12px 90px!important}body.ticket-room .model-ticket-wall{grid-template-columns:1fr!important}body.ticket-room .model-ticket-wall>.model-ticket{zoom:1}}
@media (max-width:700px){
  body .topbar .topright{gap:5px!important}
  body .topbar .topright .coin-center{margin:0!important;gap:5px}
  body .coin-cur{height:40px;padding:0 8px 0 5px;gap:6px}
  body .coin-cur .coin{width:26px;height:26px;font-size:12px}
  body .coin-cur b{font-size:15px}body .coin-cur small{font-size:11px}
  body .coin-center .wallet-btn,body .bell-btn,body .account-menu .avatar{width:40px!important;height:40px!important}
  body .hsearch{width:40px;height:40px}
}
body .model-bets-search input{border:0!important;box-shadow:none!important;background:transparent!important;outline:none}body .model-bets-search:focus-within{border-color:#8a929c!important}
/* ===== My Bets card grid: 4-up, scannable ===== */
body.ticket-room .model-bets{container-type:inline-size;container-name:bets}
body.ticket-room .model-ticket-wall.bet-card-wall{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;align-items:stretch}
@container bets (min-width:400px){body .bet-card-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container bets (min-width:620px){body .bet-card-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@container bets (min-width:780px){body .bet-card-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
body .bet-card{--bc:#2b6cd8;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dde1e6;border-top:4px solid var(--bc);border-radius:14px;box-shadow:0 1px 2px #1018280f,0 6px 18px #1018280d;overflow:hidden;transition:transform .12s,box-shadow .12s}
body .bet-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #10182818}
body .bc-open{--bc:#2b6cd8}body .bc-live{--bc:#e8001f}body .bc-won{--bc:#0f8a4b}body .bc-lost{--bc:#8a929c}body .bc-pending{--bc:#d18b00}body .bc-void{--bc:#b9c0c8}
body .bc-top{display:flex;align-items:center;gap:8px;padding:10px 12px 8px}
body .bc-status{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:var(--bc);color:#fff;font:800 11px Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
html body .bet-card.bc-void .bc-status{background-color:#6b7280}html body .bet-card.bc-lost .bc-status{background-color:#4b5563} /* P-14: white badge text at 4.5:1 or more (Not accepted / Stake returned / Void, Lost), every look */
body .bc-status i{width:6px;height:6px;border-radius:50%;background:#fff;animation:bcPulse 1.4s infinite}
@keyframes bcPulse{50%{opacity:.3}}
body .bc-kind{flex:1;min-width:0;font:700 11px Manrope,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#6b737d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .bc-odds{font:800 15px Manrope,sans-serif;color:#0e1116}
body .bc-body{flex:1;padding:4px 12px 10px}
body .bc-single{display:flex;align-items:center;gap:10px}
body .bc-jersey{flex:none;display:grid;place-items:center;width:44px;height:44px}
body .bc-jersey .ticket-jersey{width:44px;height:44px}
body .bc-pick{min-width:0;display:flex;flex-direction:column}
body .bc-pick strong{font:900 clamp(17px,1.25vw,21px)/1.12 Manrope,sans-serif;color:#0e1116;letter-spacing:-.01em;overflow-wrap:anywhere}
body .bc-pick span{margin-top:3px;font:600 13px Manrope,sans-serif;color:#4a525c}
body .bc-match{margin:10px 0 2px;font:600 13px Manrope,sans-serif;color:#2a2f36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .bc-state{display:flex;align-items:center;gap:6px;margin:0;font:600 12px Manrope,sans-serif;color:#6b737d}
body .bc-state.bc-k-live{color:#c4001a;font-weight:800}
body .bc-live-dot{width:7px;height:7px;border-radius:50%;background:#e8001f;animation:bcPulse 1.4s infinite}
body .bc-legs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
body .bc-legs li{display:flex;align-items:center;gap:8px;min-width:0}
body .bc-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#b9c0c8}
body .bc-k-live .bc-dot{background:#e8001f}body .bc-k-win .bc-dot{background:#0f8a4b}body .bc-k-loss .bc-dot{background:#5b6470}body .bc-k-scheduled .bc-dot{background:#2b6cd8}
body .bc-leg-pick{flex:1;min-width:0;display:flex;flex-direction:column}
body .bc-leg-pick b{font:800 14px Manrope,sans-serif;color:#0e1116;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .bc-leg-pick small{font:600 11px Manrope,sans-serif;color:#6b737d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .bc-legs em{font:700 13px Manrope,sans-serif;font-style:normal;color:#2a2f36}
body .bc-more{margin:8px 0 0;font:700 12px Manrope,sans-serif;color:#6b737d}
body .bc-money{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eceef1;background:#f7f8fa}
body .bc-money>div{padding:9px 12px;min-width:0}
body .bc-money>div+div{border-left:1px solid #eceef1}
body .bc-money small{display:block;font:700 11px Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#6b737d}
body .bc-money b{display:block;font:900 clamp(15px,1.15vw,19px) Manrope,sans-serif;color:#0e1116;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .bc-won .bc-win b{color:#0f8a4b}
body .bc-lost .bc-win b{color:#8a929c}
body .bc-foot{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid #eceef1}
body .bc-id{flex:1;font:600 11px Manrope,sans-serif;color:#9aa1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .bc-share{border:1px solid #dde1e6;border-radius:999px;background:#fff;padding:4px 10px;font:700 12px Manrope,sans-serif;color:#0e1116;cursor:pointer}
body .bc-share:hover{border-color:#8a929c}
body .bc-view{font:800 12px Manrope,sans-serif;color:#d9001b;text-decoration:none;white-space:nowrap}
@container bets (min-width:400px){body.ticket-room .model-ticket-wall.bet-card-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container bets (min-width:620px){body.ticket-room .model-ticket-wall.bet-card-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@container bets (min-width:780px){body.ticket-room .model-ticket-wall.bet-card-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:1051px) and (max-width:1279px){body .hsearch{width:120px}body .hsearch.open,body .hsearch:focus-within{width:220px}body .topbar .topright .coin-cur{min-width:0}body .topbar .topright{gap:6px!important}}
/* cards adapt to their own width: no truncated amounts on narrow cards */
body .bet-card{container-type:inline-size;container-name:betcard}
@container betcard (max-width:240px){
  body .bc-top{padding:9px 10px 6px;gap:6px}
  body .bc-kind{display:none}
  body .bc-odds{margin-left:auto;font-size:14px}
  body .bc-body{padding:4px 10px 8px}
  body .bc-pick strong{font-size:17px}
  body .bc-jersey,body .bc-jersey .ticket-jersey{width:36px;height:36px}
  body .bc-money>div{padding:8px 10px}
  body .bc-money b{font-size:14.5px;overflow:visible;text-overflow:clip}
  body .bc-money small{font-size:10px}
  body .bc-id{display:none}
  body .bc-foot{justify-content:space-between;padding:8px 10px}
}
/* ===== Notifications slide-out drawer ===== */
body .nd-layer{position:fixed;inset:0;z-index:120}
body .nd-backdrop{position:absolute;inset:0;background:#0e111666;animation:ndFade .18s ease-out}
body .nd-drawer{position:absolute;top:0;right:0;bottom:0;width:min(400px,100vw);display:flex;flex-direction:column;background:#fff;box-shadow:-18px 0 48px #10182833;animation:ndIn .22s cubic-bezier(.2,.8,.2,1);outline:none}
@keyframes ndIn{from{transform:translateX(100%)}to{transform:none}}
@keyframes ndFade{from{opacity:0}}
@media (prefers-reduced-motion:reduce){body .nd-drawer,body .nd-backdrop{animation:none}}
body .nd-head{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;border-bottom:1px solid #eceef1}
body .nd-head h2{flex:1;margin:0;font:900 20px Manrope,sans-serif;color:#0e1116}
body .nd-mark{border:0;background:none;color:#d9001b;font:700 13px Manrope,sans-serif;cursor:pointer}
body .nd-x{width:36px;height:36px;border-radius:50%;border:0;background:#f2f4f6;color:#0e1116;font:400 24px/1 Manrope,sans-serif;cursor:pointer}
body .nd-x:hover{background:#e3e6ea}
body .nd-body{flex:1;overflow:auto;padding:6px 10px 20px}
body .nd-group{margin:14px 8px 6px;font:800 11px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8a929c}
body .nd-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
body .nd-item{position:relative;display:flex;gap:12px;padding:12px 10px;border-radius:12px}
body .nd-item:hover{background:#f6f7f9}
body .nd-item.unread{background:#fff5f6}
body .nd-item.unread::before{content:'';position:absolute;left:2px;top:50%;width:4px;height:28px;margin-top:-14px;border-radius:4px;background:#e8001f}
body .nd-ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef0f3;color:#3d444d}
body .nd-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body .nd-purchase .nd-ico{background:#fff3d6;color:#9a6700}
body .nd-bonus .nd-ico{background:#e3f7ea;color:#0b7a40}
body .nd-redeem .nd-ico{background:#e5eeff;color:#1f5fd1}
body .nd-settle .nd-ico{background:#f1eaff;color:#6b3fd1}
body .nd-text{flex:1;min-width:0}
body .nd-row{display:flex;align-items:baseline;gap:8px}
body .nd-row b{flex:1;font:800 14px Manrope,sans-serif;color:#0e1116}
body .nd-row time{flex:none;font:600 11px Manrope,sans-serif;color:#9aa1aa}
body .nd-text p{margin:3px 0 6px;font:500 13px/1.4 Manrope,sans-serif;color:#3d444d}
body .nd-tag{display:inline-block;padding:1px 7px;border-radius:999px;background:#f2f4f6;font:700 10px Manrope,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#6b737d}
body .nd-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 24px;text-align:center}
body .nd-empty .nd-ico{width:52px;height:52px;border-radius:16px}
body .nd-empty b{font:800 16px Manrope,sans-serif;color:#0e1116}
body .nd-empty p{margin:0;font:500 14px/1.5 Manrope,sans-serif;color:#5b6470}
/* ===== Auth: header buttons ===== */
body .auth-btns{display:flex;gap:8px;align-items:center}
body .hdr-login,body .hdr-signup{height:42px;padding:0 18px;border-radius:10px;font:800 14px Manrope,sans-serif;cursor:pointer;white-space:nowrap}
body .hdr-login{border:1px solid var(--shell-line);background:transparent;color:#fff}
body .hdr-login:hover{background:var(--shell2)}
body .hdr-signup{border:0;background:linear-gradient(180deg,#ea0a24,#c4001a);color:#fff;box-shadow:0 2px 0 #8f0013}
body .is-hidden{display:none!important}
/* ===== Auth modal (dark, matches the supplied sign-up screens; SubLines red) ===== */
body .au-sheet{position:relative;z-index:2;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;background:#0b0c0e;color:#fff;border:1px solid #23262b;border-radius:18px;box-shadow:0 30px 90px #000c}
body .au-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:linear-gradient(90deg,#0b0c0e 55%,#0b0c0e00),url(/art/home-detail-v2.webp) right 40%/auto 300% no-repeat,#0b0c0e;border-bottom:3px solid #e8001f}
body .au-logo{width:130px;height:32px}
body .au-x{width:38px;height:38px;border-radius:50%;border:0;background:#ffffff14;color:#fff;font:400 26px/1 Manrope,sans-serif;cursor:pointer}
body .au-x:hover{background:#ffffff26}
body .au-body{padding:22px 28px 26px}
body .au-body h2{margin:0 0 6px;font:900 28px Manrope,sans-serif;color:#fff;text-align:center}
body .au-sub{margin:0 0 18px;text-align:center;font:500 15px/1.5 Manrope,sans-serif;color:#b6bcc4}
body .au-steps{display:flex;align-items:center;gap:10px;list-style:none;margin:6px auto 14px;padding:0;max-width:360px;font:700 12px Manrope,sans-serif;color:#7f8790;text-transform:uppercase;letter-spacing:.06em}
body .au-steps li{display:flex;align-items:center;gap:7px;white-space:nowrap}
body .au-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2a2d33;color:#cfd5db;font-size:12px}
body .au-steps li.on{color:#fff}body .au-steps li.on b{background:#e8001f;color:#fff}
body .au-steps .au-line{flex:1;height:2px;background:#2a2d33}body .au-steps .au-line.on{background:#e8001f}
body .au-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
body .au-grid-3{grid-template-columns:1.1fr 1fr 1fr}
body .au-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
body .au-label{font:700 15px Manrope,sans-serif;color:#fff}
body .au-label i{font-style:normal;color:#ff2d46}
body .au-label em{font-style:normal;font-weight:500;color:#9aa1aa}
body .au-input-wrap{position:relative;display:flex}
body .au-sheet input:not([type=checkbox]):not([type=file]),body .au-sheet select{width:100%;height:50px;padding:0 14px!important;border:1px solid transparent!important;border-radius:9px!important;background:#222326!important;color:#fff!important;font:500 15px Manrope,sans-serif!important;outline:none;box-shadow:none!important;appearance:none}
body .au-sheet select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfd5db' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px!important;padding-right:38px!important}
body .au-sheet input::placeholder{color:#7f8790}
body .au-sheet input:focus,body .au-sheet select:focus{border-color:#e8001f!important;box-shadow:0 0 0 3px #e8001f33!important}
body .au-field.has-error input,body .au-field.has-error select{border-color:#ff4d61!important}
body .au-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#9aa1aa;cursor:pointer}
body .au-eye:hover{color:#fff}
body .au-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body .au-input-wrap input[type=password],body .au-input-wrap input[name=password],body .au-input-wrap input[name=confirm]{padding-right:48px!important}
body .au-err{font:600 12.5px Manrope,sans-serif;color:#ff6b7d}
body .au-checks{display:flex;flex-direction:column;gap:10px;margin:4px 0 18px}
body .au-check{display:flex;align-items:flex-start;gap:12px;font:500 13.5px/1.45 Manrope,sans-serif;color:#cfd5db;cursor:pointer}
body .au-check input{flex:none;appearance:none;width:22px;height:22px;margin:0;border:1.5px solid #4a5058;border-radius:5px;background:#16181b;cursor:pointer;display:grid;place-items:center}
body .au-check input:checked{background:#e8001f;border-color:#e8001f}
body .au-check input:checked::after{content:'✓';color:#fff;font:900 14px/1 Manrope,sans-serif}
body .au-check a{color:#fff;text-decoration:underline}
body .au-check em{font-style:normal;color:#9aa1aa}
body .au-check.has-error input{border-color:#ff4d61}
body .au-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:54px;border:0;border-radius:10px;background:linear-gradient(180deg,#ea0a24,#c4001a);color:#fff;font:800 17px Manrope,sans-serif;cursor:pointer;box-shadow:0 3px 0 #8f0013}
body .au-primary:disabled{opacity:.55;cursor:progress}
body .au-secondary{height:54px;padding:0 20px;border:0;border-radius:10px;background:#222326;color:#fff;font:800 16px Manrope,sans-serif;cursor:pointer}
body .au-secondary:hover{background:#2c2e32}
body .au-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
body .au-alert{margin:0 0 14px;padding:10px 12px;border-radius:9px;background:#3a0d14;color:#ffb3bd;font:600 13.5px Manrope,sans-serif}
body .au-fine{margin:0 0 16px;font:500 12.5px/1.5 Manrope,sans-serif;color:#9aa1aa}
body .au-switch,body .au-demo{margin:16px 0 0;text-align:center;font:500 14px Manrope,sans-serif;color:#b6bcc4}
body .au-switch button,body .au-demo button{border:0;background:none;color:#fff;font:800 14px Manrope,sans-serif;text-decoration:underline;cursor:pointer;padding:0}
body .au-demo button{color:#8a929c;font-weight:600;font-size:13px}
@media (max-width:520px){body .au-body{padding:18px 16px 20px}body .au-grid,body .au-grid-3{grid-template-columns:1fr}body .au-buttons{grid-template-columns:1fr}}
/* ===== Account menu extras ===== */
body .kyc-b{margin-left:auto;padding:2px 7px;border-radius:999px;font:800 10px Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase}
body .kyc-b.ok{background:#e3f7ea;color:#0b6b3a}body .kyc-b.wait{background:#fff3d6;color:#8a5a00}body .kyc-b.todo{background:#f2f4f6;color:#6b737d}
body .account-dropdown a{display:flex;align-items:center}
body .acct-logout{display:flex;align-items:center;gap:10px;width:100%;margin-top:4px;padding:10px 14px;border:0;border-top:1px solid #eceef1;background:none;color:#c4001a;font:700 14px Manrope,sans-serif;text-align:left;cursor:pointer}
body .acct-logout:hover{background:#fff4f5}
body .acct-logout .icon{width:18px;height:18px;stroke:currentColor;transform:scaleX(-1)}
/* ===== Login gate + verification page ===== */
body .login-gate,body .vf-locked{max-width:520px;margin:40px auto;padding:34px 30px;text-align:center;background:#fff;border:1px solid #dde1e6;border-radius:18px;box-shadow:0 10px 30px #10182812}
body .lg-ico{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#0e1116;margin-bottom:10px}
body .lg-ico .icon{width:28px;height:28px;stroke:#fff}
body .login-gate h1,body .vf-locked h1{margin:0 0 6px;font:900 28px Manrope,sans-serif;color:#0e1116}
body .login-gate p,body .vf-locked p{margin:0 0 20px;font:500 15px Manrope,sans-serif;color:#4a525c}
body .lg-actions,body .vf-locked .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body .login-gate .au-secondary,body .vf-locked .au-secondary,body .vf-page .au-secondary{background:#eef0f3;color:#0e1116}
body .vf-page{max-width:760px}
body .vf-head h1{margin:2px 0 6px;font:900 34px Manrope,sans-serif;color:#0e1116}
body .vf-head p{margin:0 0 20px;font:500 15px/1.55 Manrope,sans-serif;color:#4a525c}
body .vf-steps{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:12px}
body .vf-step{display:flex;gap:14px;padding:18px;background:#fff;border:1px solid #dde1e6;border-radius:14px}
body .vf-dot{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid #c9ced5;color:#fff;font:900 15px Manrope,sans-serif}
body .vf-done .vf-dot{background:#0f8a4b;border-color:#0f8a4b}body .vf-review .vf-dot{background:#d18b00;border-color:#d18b00}body .vf-fail .vf-dot{background:#c4001a;border-color:#c4001a}
body .vf-step b{display:block;font:800 16px Manrope,sans-serif;color:#0e1116}
body .vf-step p{margin:3px 0 0;font:500 14px/1.5 Manrope,sans-serif;color:#4a525c}
body .vf-form{display:flex;flex-direction:column;gap:12px;margin-top:14px}
body .vf-file{display:flex;align-items:center;gap:10px;padding:14px;border:2px dashed #c9ced5;border-radius:12px;background:#f7f8fa;font:700 14px Manrope,sans-serif;color:#2a2f36;cursor:pointer}
body .vf-file input{font:500 13px Manrope,sans-serif}
body .vf-form .au-check{color:#2a2f36}body .vf-form .au-check input{background:#fff;border-color:#8a929c}
body .vf-form .au-fine{color:#6b737d;margin:0}
body .vf-redeem{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;padding:18px;background:#0e1116;border-radius:14px;color:#fff}
body .vf-redeem b{font:800 17px Manrope,sans-serif}
body .vf-redeem p{margin:2px 0 0;font:500 14px Manrope,sans-serif;color:#c3c9d0}
body .vf-redeem .au-primary{width:auto;padding:0 28px;height:48px}
body .vf-redeem .vf-msg{grid-column:1/-1;margin:0;color:#ffd2d8;font:600 13px Manrope,sans-serif}
body .slip-login{margin-top:4px}
body .au-body h2{color:#fff!important}
body .au-sheet .au-check input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;width:22px!important;height:22px!important;min-height:0!important;padding:0!important;border:1.5px solid #4a5058!important;border-radius:5px!important;background:#16181b!important;box-shadow:none!important}
body .au-sheet .au-check input[type=checkbox]:checked{background:#e8001f!important;border-color:#e8001f!important}
body .vf-form .au-check input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;width:22px!important;height:22px!important;padding:0!important;border:1.5px solid #8a929c!important;border-radius:5px!important;background:#fff!important}
body .vf-form .au-check input[type=checkbox]:checked{background:#e8001f!important;border-color:#e8001f!important}
body .vf-form .au-check input[type=checkbox]:checked::after{content:'✓';color:#fff;font:900 14px/1 Manrope,sans-serif}
/* ===== Wallet home (first step of the wallet flow) ===== */
body .store-sheet2.st-wallet{width:min(780px,calc(100vw - 32px))}
body .wl-head{position:relative;padding:30px 36px 6px;background:#fff;color:#0e1116}
body .wl-logo{width:150px;height:30px;background-image:url(/art/sublines-logo.png);filter:invert(1) hue-rotate(180deg) saturate(1.4)}
body .wl-head h2{margin:8px 0 6px;font:900 44px/1 Manrope,sans-serif;color:#0e1116}
body .wl-head p{margin:0;font:500 19px Manrope,sans-serif;color:#5b6470}
body .wl-x{position:absolute;right:26px;top:24px;width:52px;height:52px;border-radius:14px;border:0;background:#f0f2f5;color:#2a2f36;font:300 34px/1 Manrope,sans-serif;cursor:pointer}
body .wl-x:hover{background:#e3e6ea}
body .st-wallet .st-body{padding:18px 36px 8px}
body .wl-table{border:1px solid #dde1e6;border-radius:16px;background:#f7f8fa;padding:4px 26px}
body .wl-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;border-top:1px solid #e2e5e9}
body .wl-row.wl-th{border-top:0;padding:16px 0 14px;font:800 14px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#4a525c}
body .wl-cur{display:flex;align-items:center;gap:20px}
body .wl-coin{width:56px!important;height:56px!important;font-size:24px!important;box-shadow:inset 0 -3px 0 #0002,0 2px 6px #0002}
body .wl-cur b{display:block;font:700 21px Manrope,sans-serif;color:#0e1116}
body .wl-cur small{font:500 17px Manrope,sans-serif;color:#6b737d}
body .wl-amt{display:flex;align-items:baseline;gap:12px}
body .wl-amt b{font:800 34px Manrope,sans-serif;color:#0e1116;letter-spacing:-.01em}
body .wl-amt small{font:600 20px Manrope,sans-serif;color:#6b737d}
body .wl-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 36px 10px}
body .wl-actions .st-secondary,body .wl-actions .st-primary{min-height:66px!important;font-size:22px!important}
body .wl-buy svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
body .wl-history{display:block;padding:8px 0 28px;text-align:center;font:500 18px Manrope,sans-serif;color:#4a525c;text-decoration:none}
body .wl-history:hover{color:#0e1116}
body .st-hero-back,body .wl-back{border:0;background:none;padding:0;font:700 14px Manrope,sans-serif;cursor:pointer}
body .st-hero-back{position:absolute;left:34px;top:70px;color:#c9ced5}
body .st-hero-back:hover{color:#fff}
body .st-hero .st-kicker{margin-top:30px!important}
body .wl-back{color:#d9001b;margin-bottom:6px}
/* redeem step */
body .rd-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 14px}
body .rd-summary>div{padding:14px 18px;border:1px solid #dde1e6;border-radius:12px;background:#f7f8fa}
body .rd-summary small{display:block;font:700 12px Manrope,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#6b737d}
body .rd-summary b{font:900 24px Manrope,sans-serif;color:#0e1116}
body .rd-kyc{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;padding:14px 18px;border-radius:12px;margin-bottom:16px;border:1px solid}
body .rd-kyc b{font:800 16px Manrope,sans-serif}body .rd-kyc p{grid-column:1;margin:0;font:500 14px/1.45 Manrope,sans-serif;color:#3d444d}
body .rd-kyc .rd-verify{grid-row:1/3;grid-column:2;display:inline-flex;align-items:center;min-height:44px!important;padding:0 18px;font-size:15px!important;text-decoration:none}
body .rd-todo{background:#fff4f5;border-color:#f3b8be}body .rd-todo b{color:#9d0014}
body .rd-wait{background:#fff8e6;border-color:#f0d58a}body .rd-wait b{color:#8a5a00}
body .rd-ok{background:#eefaf2;border-color:#a8e0bd}body .rd-ok b{color:#0b6b3a}
body .rd-form label{display:block;margin-bottom:8px;font:800 15px Manrope,sans-serif;color:#0e1116}
body .rd-input{display:flex;align-items:center;gap:10px;height:58px;padding:0 16px;border:1.5px solid #cfd4da;border-radius:12px;background:#fff}
body .rd-input:focus-within{border-color:#d9001b;box-shadow:0 0 0 3px #d9001b22}
body .rd-input input{flex:1;min-width:0;height:100%;border:0!important;background:transparent!important;box-shadow:none!important;font:800 22px Manrope,sans-serif!important;color:#0e1116!important;outline:none;padding:0!important}
body .rd-input span{font:700 16px Manrope,sans-serif;color:#6b737d}
body .rd-submit{width:100%;margin-top:14px}
@media (max-width:620px){body .wl-head{padding:22px 18px 4px}body .wl-head h2{font-size:34px}body .wl-head p{font-size:16px}body .st-wallet .st-body{padding:14px 16px 6px}body .wl-table{padding:2px 14px}body .wl-cur{gap:12px}body .wl-coin{width:42px!important;height:42px!important;font-size:18px!important}body .wl-cur b{font-size:17px}body .wl-cur small{font-size:13px}body .wl-amt b{font-size:24px}body .wl-amt small{font-size:15px}body .wl-actions{padding:14px 16px 8px}body .wl-actions .st-secondary,body .wl-actions .st-primary{min-height:56px!important;font-size:18px!important}body .wl-x{width:44px;height:44px;right:14px;top:14px}}
body .wl-logo{background-image:url(/art/sublines-logo-dark.png)!important;filter:none!important}
body .wl-actions .st-secondary,body .wl-actions .st-primary{white-space:nowrap}
@media (max-width:620px){body .wl-actions .st-secondary,body .wl-actions .st-primary{font-size:17px!important;padding:0 12px!important;gap:8px}body .wl-buy svg{width:22px;height:22px}body .wl-cur small{white-space:normal}}
/* ===== Playthrough ===== */
body .pt-box{margin:0 0 16px;padding:16px 18px;border:1px solid #dde1e6;border-radius:14px;background:#fff}
body .pt-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
body .pt-top b{font:800 16px Manrope,sans-serif;color:#0e1116}
body .pt-top span{font:700 14px Manrope,sans-serif;color:#4a525c}
body .pt-bar{height:10px;border-radius:99px;background:#eceef1;overflow:hidden}
body .pt-fill{display:block;height:100%;width:var(--pct,0%);border-radius:99px;background:linear-gradient(90deg,#16a34a,#0f8a4b);transition:width .3s}
body .pt-list{list-style:none;margin:12px 0 8px;padding:0;display:flex;flex-direction:column;gap:2px}
body .pt-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid #f0f2f4}
body .pt-list b{display:block;font:700 14px Manrope,sans-serif;color:#0e1116}
body .pt-list small{font:500 12.5px Manrope,sans-serif;color:#6b737d}
body .pt-list em{flex:none;font:700 13px Manrope,sans-serif;font-style:normal;color:#2a2f36}
body .pt-list li.done em{color:#0b7a40}
body .pt-note{margin:4px 0 0;font:500 12.5px/1.5 Manrope,sans-serif;color:#6b737d}
body .slip-pt{margin:0 0 8px;padding:7px 10px;border-radius:8px;background:#e9f8ef;color:#0b6b3a;font:700 12px Manrope,sans-serif}
body .store-sheet2 .rd-input input,body .store-sheet2 .rd-input input:focus{box-shadow:none!important;border:0!important;outline:none!important;border-radius:0!important}
body .slip-pt.pt-w50{background:#fff6dc;color:#7a5800}
body .slip-pt.pt-w0{background:#fdecee;color:#9d0014}
body .bc-pt{flex:1;font:800 11px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .bc-pt.yes{color:#0b7a40}body .bc-pt.no{color:#9aa1aa}
body .pt-rules{margin-top:8px;font:500 13px/1.5 Manrope,sans-serif;color:#3d444d}
body .pt-rules summary{cursor:pointer;font:700 13px Manrope,sans-serif;color:#0e1116}
body .pt-rules ul{margin:6px 0 0;padding-left:18px}
body .pt-rules li{margin:3px 0}
body .look-switch{padding:8px 12px 10px;border-top:1px solid #e2e5e9}
body .look-switch>span{display:block;font:800 11px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6b737d;margin-bottom:6px}
body .look-switch div{display:flex;gap:6px}
body .look-switch button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 4px;border:1px solid #dde1e6;border-radius:10px;background:#fff;font:700 12px Manrope,sans-serif;color:#2f353d;cursor:pointer}
body .look-switch button[aria-pressed=true]{border-color:#0e1116;box-shadow:0 0 0 1px #0e1116}
body .look-switch i{width:22px;height:12px;border-radius:3px;border:1px solid #0002}
body .lk-classic{background:linear-gradient(90deg,#15171b 50%,#d9001b 50%)}
body .lk-cash{background:linear-gradient(90deg,#fff 50%,#057d39 50%)}

/* ---- Audit fixes: stake hint, card values, dual-coin totals, build banner ---- */
body .stake-msg{margin:6px 2px 0!important;min-height:0;font-size:12.5px!important;line-height:1.35!important;color:#a4001b!important;font-weight:600}
body .stake-msg:empty{display:none}
body .slip-blocked{background:#fff4e5!important;color:#5c3800!important;border:1px solid #f0c27a!important}
body .bet-card .bc-money b{overflow-wrap:anywhere;min-width:0}
body .bet-card .bc-money b.bc-long{font-size:13px!important;letter-spacing:-.01em}
body .bet-card .bc-money>div{min-width:0}
body .econ-pair{display:flex!important;flex-wrap:wrap;gap:2px 14px;align-items:baseline}
body .econ-pair .econ-coin{white-space:nowrap}
body .ver-banner{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:8px 16px;background:#103b26;color:#fff;font-size:13.5px;font-weight:600;position:relative;z-index:60}
body .ver-banner.warn{background:#7a4b00}
body .ver-banner button{background:#fff;color:#103b26;border:0;border-radius:999px;padding:5px 14px;font-weight:700;cursor:pointer}
/* /welcome: keep the artwork inside its card and the copy readable (audit P2-5) */
body .welcome-feature{position:relative!important;isolation:isolate;overflow:hidden!important;max-width:100%;background:#0b1016!important}
body .welcome-feature .welcome-art{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:-2;margin:0!important}
body .welcome-feature .welcome-art img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover;object-position:right center}
body .welcome-feature::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,11,15,.92) 0%,rgba(8,11,15,.78) 45%,rgba(8,11,15,.25) 100%)}
body .welcome-feature :is(h1,h2,p,.eyebrow,span,small,b){color:#fff!important}
body .welcome-feature .eyebrow{color:#ffb3bd!important}
/* /verify on phones: the step text column may shrink; the file picker wraps (audit P2-5) */
body .vf-step>div,body .vf-step>*:last-child{min-width:0;flex:1 1 auto}
body .vf-form,body .vf-file,body .vf-form .au-check{max-width:100%;min-width:0}
body .vf-file{flex-wrap:wrap}
body .vf-file input{max-width:100%;min-width:0}
body .vf-form .au-check span{min-width:0;overflow-wrap:anywhere}
body .welcome-feature{padding:40px 44px!important;min-height:300px;border-radius:16px!important;margin-bottom:18px!important;display:flex;flex-direction:column;justify-content:center;gap:12px}
body .welcome-feature h1{font-size:clamp(30px,4.2vw,54px)!important;line-height:1.02!important;margin:0!important;max-width:14ch}
body .welcome-feature>p{max-width:46ch;margin:0!important}
body .welcome-feature .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
body .welcome-feature .tag.status-accepted{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;padding:9px 14px;border-radius:999px}
@media(max-width:640px){body .welcome-feature{padding:26px 20px!important;min-height:260px}}
/* Phones (audit P2-6): wordmark and every header control on one row; the demo strip sits below the content */
@media (max-width:640px){
  body header.topbar{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"brand right" "nav nav"!important;align-items:center;row-gap:4px!important;column-gap:8px!important;padding:8px 12px 0!important;height:auto!important;min-height:0!important}
  body header.topbar .brand{grid-area:brand;margin:0!important}
  body header.topbar .brand .wordmark{width:96px!important;height:26px!important}
  body header.topbar .topright{grid-area:right;justify-self:end;display:flex!important;gap:4px!important;margin:0!important;min-width:0}
  body header.topbar .topnav{grid-area:nav;margin:0!important}
  body header.topbar .topright :is(.hsearch,.wallet-btn,.bell-btn,.avatar){width:34px!important;height:34px!important;min-width:34px!important;flex:none}
  body header.topbar .topright .hsearch:not(.open) input{width:0!important;padding:0!important;opacity:0}
  body header.topbar .coin-select{height:34px!important;min-width:0}
  body header.topbar .coin-select .coin-cur{height:34px!important;padding:0 8px 0 4px!important;gap:4px!important;font-size:13px!important}
  body header.topbar .coin-select .coin-cur .coin{width:22px!important;height:22px!important;font-size:11px!important}
  body header.topbar .auth-btns{gap:6px!important}
  body header.topbar .auth-btns button{height:34px!important;padding:0 12px!important;font-size:13px!important}
  body #app{display:flex;flex-direction:column}
  body #app>*{min-width:0;max-width:100%}
  body #app>:is(.layout,header.topbar,.category-bar,.demo-strip){width:100%;box-sizing:border-box} /* auto margins would otherwise shrink these to content width in the column */
  body #app>.demo-strip{order:99;margin-top:12px;background:#101214!important;color:#e9edf2!important}
}
@media (max-width:640px){
  /* Games hero: a compact score card with its prices, not a full screen (audit P2-6) */
  body .game-spotlight{max-height:none!important;min-height:0!important}
  body .game-spotlight .spotlight-story{padding-top:12px!important;min-height:0!important;gap:6px!important}
  body .game-spotlight .spotlight-story h1{font-size:26px!important;line-height:1.05!important;margin:4px 0!important}
  body .game-spotlight .spotlight-story h1 span{font-size:16px!important;display:inline!important;margin:0 6px!important}
  body .game-spotlight .spotlight-story p,body .game-spotlight .spotlight-link{display:none!important}
  body .game-spotlight .spotlight-score{margin-top:4px!important;padding:6px 10px!important;min-height:0!important}
  body .game-spotlight .spotlight-score b{font-size:26px!important}
  body .game-spotlight .spotlight-lines{margin-top:8px!important}
  /* Player Props: the matchup header shrinks so the first stat's prices show on the first screen */
  body .sl-props-intro{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0);white-space:nowrap;margin:0!important;padding:0!important} /* visually hidden; keeps the page h1 */
  body .sl-ws-head .sl-ws-crumbs{display:none!important}
  body .sl-ws-head{padding:10px 12px!important;min-height:0!important}
  body .sl-ws-head .sl-ws-matchup{min-height:0!important;padding:0!important}
  body .sl-ws-head .sl-ws-matchup :is(img,svg){max-height:34px!important}
  body .props-sportbar{padding-block:6px!important}
}
@media (max-width:640px){
  body .props-sportbar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;gap:8px!important}
  body .props-sportbar::-webkit-scrollbar{display:none}
  body .props-sportbar>*{flex:none!important}
  body .sl-ws-head .sl-ws-matchup{display:flex!important;align-items:center;justify-content:center;gap:10px!important}
  body .sl-ws-head .sl-ws-matchup small,body .sl-ws-head .sl-ws-matchup .sl-side small{display:none!important}
}
/* Contrast (audit P2-7): small labels and eyebrows reach at least 4.5:1 on the light surfaces */
body .sl-cols small,body .sl-league-head small{color:#59616b!important}
body .heading .eyebrow,body main .eyebrow{color:#b10016!important}
body .welcome-feature .eyebrow,body :is(.game-spotlight,.home-hero,.live-hero,.feature-header,.event-hero.has-art,.reference-hero) .eyebrow{color:#ffb3bd!important}
body .sweeps-guide details>summary{color:#1d2329!important}
body .model-ticket-bottom strong{color:#1f5c3b!important}
body .model-bets-meta [role=status],body .model-bets-meta summary{color:#4f5862!important}
html[data-theme=cash] body .model-ticket .model-ticket-bottom strong{color:#1f5c3b!important}
html[data-theme=cash] body main [data-action=expand-bet]{color:#04662f!important}
html[data-theme=cash] body main p.eyebrow,html[data-theme=cash] body main div.eyebrow{color:#04662f!important}
html[data-theme=cash] body #main p.eyebrow,html[data-theme=cash] body #main div.eyebrow{color:#04662f!important}
/* Large balances: let the search box give up width before the header overflows */
@media (min-width:641px){body header.topbar .topright{min-width:0;flex-shrink:1}body header.topbar .topright .hsearch{flex-shrink:1;min-width:120px}}
/* Betslip stake coin follows the wagering currency: green Social Cash coin when SC is selected */
body .slip-rail .stake-wrap .gc-dot.sc-dot,body .sl-entry-stake .gc-dot.sc-dot{background:radial-gradient(circle at 35% 30%,#b9f5d2,#19b46a 55%,#0b7a45)!important;box-shadow:inset 0 0 0 1.5px #0f8a4b!important}
/* ---- My Bets: one big number per summary tile; livelier ticket cards ---- */
body .bets-econ .econ-tile.econ-big{padding:18px 20px!important;border-radius:16px!important;background:#fff;border:1px solid #dde1e6;position:relative;overflow:hidden}
body .bets-econ .econ-tile.econ-big::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(245,184,0,.16),transparent 70%);pointer-events:none}
body .bets-econ .econ-tile.econ-return::after{background:radial-gradient(circle,rgba(15,138,75,.16),transparent 70%)}
body .bets-econ .econ-big>b{display:flex!important;align-items:center;gap:10px;margin-top:8px!important;font:900 clamp(30px,3.2vw,44px)/1 Manrope,sans-serif!important;letter-spacing:-.02em;color:#0e1116;font-variant-numeric:tabular-nums}
body .bets-econ .econ-big>b em{font-style:normal;min-width:0;overflow-wrap:anywhere}
body .bets-econ .econ-big>b .coin{flex:none;width:34px;height:34px;font-size:16px;display:grid;place-items:center;border-radius:50%;font-weight:900}
body .bets-econ .econ-big>b .econ-unit{display:inline!important;margin:0!important;align-self:flex-end;padding-bottom:4px;font:800 15px Manrope,sans-serif!important;color:#6b737d!important;letter-spacing:.02em}
body .bets-econ .econ-return>b em{color:#0b6b3a}
body .bets-econ .econ-big>small{margin-top:8px!important}
@media (max-width:620px){body .bets-econ .econ-big>b{font-size:26px!important;gap:6px}body .bets-econ .econ-big>b .coin{width:24px;height:24px;font-size:12px}body .bets-econ .econ-tile.econ-big{padding:14px!important}}

body .bet-card{border-radius:16px!important;overflow:hidden;box-shadow:0 1px 2px #10182810,0 4px 14px #10182808}
body .bet-card .bc-top{background:linear-gradient(180deg,color-mix(in srgb,var(--bc) 11%,#fff),#fff);padding:11px 12px 9px!important}
body .bet-card .bc-odds{background:#0e1116;color:#fff!important;border-radius:8px;padding:3px 8px;font-size:13px!important;letter-spacing:.01em}
body .bet-card .bc-cointag{flex:none;border-radius:999px;padding:2px 7px;font:900 10px Manrope,sans-serif;letter-spacing:.06em}
body .bet-card .bc-cointag-gc{background:#fff4cc;color:#7a5600;box-shadow:inset 0 0 0 1px #f0d27a}
body .bet-card .bc-cointag-sc{background:#e3f7ea;color:#0b6b3a;box-shadow:inset 0 0 0 1px #9fdcb8}
body .bet-card .bc-progress{display:flex;gap:3px;margin-top:12px}
body .bet-card .bc-seg{flex:1;height:5px;border-radius:3px;background:#e3e6ea}
body .bet-card .bc-seg.bc-k-hit{background:#0f8a4b}
body .bet-card .bc-seg.bc-k-miss{background:#5b6470}
body .bet-card .bc-seg.bc-k-live{background:#e8001f;animation:bcPulse 1.4s infinite}
body .bet-card .bc-seg:is(.bc-k-postponed,.bc-k-stale,.bc-k-rejected){background:#d18b00}
body .bet-card .bc-money{border-top:1.5px dashed #d6dade!important;background:#fafbfc!important}
body .bet-card .bc-win b{font-size:clamp(17px,1.35vw,22px)!important}
body .bet-card.bc-open .bc-win b,body .bet-card.bc-pending .bc-win b{color:#0e1116}
body .bet-card.bc-live .bc-win b{color:#c4001a}
body .bet-card .bc-profit{display:block;margin-top:2px;font:800 11px Manrope,sans-serif;color:#0b6b3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .bet-card .bc-pick strong{letter-spacing:-.015em}
body .bet-card .bc-jersey{filter:drop-shadow(0 3px 6px #10182822)}
@media (prefers-reduced-motion:reduce){body .bet-card .bc-seg.bc-k-live{animation:none}}
body .bet-card .bc-win b{font-size:clamp(15px,10.5cqi,22px)!important;overflow:hidden;text-overflow:ellipsis}
body .bet-card .bc-money>div:first-child b{font-size:clamp(14px,8.5cqi,18px)!important}
body .bet-card .bc-single+.bc-match+.bc-state+.bc-progress,body .bet-card .bc-state+.bc-progress{margin-top:auto;padding-top:12px}
body .bet-card .bc-body{display:flex;flex-direction:column}
body .bet-card .bc-win b{font-size:clamp(16px,11cqi,23px)!important}
body .bet-card .bc-money>div:first-child b{font-size:clamp(15px,9.5cqi,19px)!important}
body .bc-won{--bc:#0b7a42}
body .bet-card .bc-id{color:#6b737d}
/* Control room → Risk tab (risk-room.js) */
.risk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.risk-head h2{margin:0}
.risk-rec{border:1px solid rgba(255,255,255,.14);border-left:4px solid rgba(255,255,255,.35);border-radius:12px;padding:14px 16px;margin:12px 0;display:grid;gap:6px}
.risk-rec.sev-high{border-left-color:#e5484d}.risk-rec.sev-medium{border-left-color:#f5a524}.risk-rec.sev-low{border-left-color:#6e7681}
.risk-rec header{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.risk-rec h3{margin:0;font-size:1rem;line-height:1.35}
.risk-rec p{margin:0}
.risk-agent{font-weight:700;font-size:.85rem;letter-spacing:.02em}
.risk-evidence{margin:0;padding-left:18px;font-size:.9rem;opacity:.85}
.risk-analyst{font-size:.9rem;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.06)}
.risk-tabs{margin:10px 0}
.risk-agents{margin:0;padding-left:18px;display:grid;gap:6px}
.risk-table td{vertical-align:top}
.risk-why{font-size:.85rem;min-width:200px}
.risk-acts{display:flex;flex-wrap:wrap;gap:6px}
.risk-acts button{padding:6px 10px;font-size:.8rem;min-height:32px}
.risk-tier{display:inline-block;margin-top:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}
.tier-watch{border-color:#f5a524!important}.tier-limited{border-color:#f97316!important}.tier-restricted{border-color:#e5484d!important}
.risk-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:12px 0}
.risk-rules label{display:grid;gap:4px;font-size:.85rem}
.risk-input{display:flex;align-items:center;gap:6px}
.risk-input input{width:100%;min-width:0}
.risk-input i{font-style:normal;opacity:.7;font-size:.8rem;min-width:22px}
.risk-log ul{margin:8px 0 0;padding-left:18px;max-height:260px;overflow:auto;font-size:.85rem}
.risk-log summary{cursor:pointer}
.admin-stats.risk-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.risk-table td.small{white-space:nowrap}
/* Risk → Live engine (feeds, board quality, live acceptance, exploit drill) */
.risk-engine .engine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:12px 0}
.risk-engine .engine-card{border:1px solid var(--d-line,#e2e5e9);background:var(--d-surface2,#f7f8fa);border-radius:12px;padding:12px 14px;min-width:0}
.risk-engine .engine-card h3{margin:0 0 8px;font-size:.95rem}
.risk-engine dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 12px;margin:0;font-size:.85rem}
.risk-engine dt{color:var(--d-sub,#5b6470)}
.risk-engine dd{margin:0;font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}
.risk-engine .engine-warn{margin:10px 0 0;font-size:.85rem;padding:8px 10px;border-radius:8px;background:#fff4e2;border:1px solid #ffd28c;color:#6b3d00}
.risk-engine .engine-drill{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--d-line,#e2e5e9)}
.risk-engine .engine-drill h3{margin:0 0 4px;font-size:.95rem}
.risk-engine .engine-drill p{margin:0;max-width:62ch}
.risk-engine .drill-table td,.risk-engine .drill-table th{font-variant-numeric:tabular-nums;white-space:nowrap}
.risk-engine .drill-good{color:#0b7a42;font-weight:700}.risk-engine .drill-bad{color:#c3001a;font-weight:700}
.risk-engine .engine-unmatched{margin:8px 0 0;padding-left:18px;font-size:.85rem}
/* Odds data attribution. TheRundown's licence: "Data provided by TheRundown" linked to therundown.io, on every screen
   that shows its data (this strip tops every page), at least 12 px on the web and 11 pt on phones, contrast 4.5:1+. */
.demo-strip .feed-attrib{font-size:12px;white-space:nowrap}
.demo-strip .feed-attrib a{text-decoration:underline;text-underline-offset:2px;color:inherit}
@media (max-width:700px){.demo-strip .feed-attrib{font-size:11pt}}
/* Live control (staff): pause all / a sport / a game */
.risk-engine .engine-control .actions{margin:6px 0 8px}
.risk-engine .engine-sports{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.risk-engine .engine-sports button{min-height:32px;padding:0 10px;font-size:12.5px}
.risk-engine .engine-paused{margin:0 0 8px;padding-left:18px;font-size:12.5px}
.risk-engine .engine-paused button{min-height:28px;padding:0 8px;font-size:12px;margin-left:6px}
/* My Bets: one coin at a time (defaults to the wallet's) */
body .bets-econ .bets-coin{display:inline-flex;gap:4px;padding:4px;margin:0 0 10px;border-radius:999px;background:var(--surface2,#eef0f3);border:1px solid var(--border,#dde1e6)}
body .bets-coin button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 14px 0 6px;border:0;border-radius:999px;background:transparent;color:var(--muted,#5b6470);font:800 13px/1 Manrope,sans-serif;cursor:pointer}
body .bets-coin button .coin{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:900}
body .bets-coin button.on{background:var(--surface,#fff);color:var(--text,#0e1116);box-shadow:0 1px 3px rgba(16,24,40,.18)}
html.dk body .bets-coin button.on{background:#2a2e35!important;color:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.5)}

/* Control room → Security (risk-ops-ui.js) and Account → Security two-step sign-in (Risk & Security Overhaul) */
.sec-lines{margin:8px 0 14px;padding-left:18px;display:grid;gap:4px;font-size:.92rem;line-height:1.45}
.sec-lines li.is-alert{color:#c2410c;font-weight:700}
.sec-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;margin:10px 0}
.sec-tile,.sec-card{border:1px solid var(--d-line,#e2e5e9);border-radius:12px;padding:12px 14px;min-width:0;display:grid;gap:4px;background:var(--d-surface2,#f7f8fa)}
.sec-tile small,.sec-card small{font-size:.78rem;opacity:.75;line-height:1.35}
.sec-tile b{font-size:1.45rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.sec-tile span{font-size:.78rem;opacity:.7;line-height:1.35}
.sec-tile.is-bad{border-color:#e5484d;box-shadow:inset 3px 0 0 #e5484d}
.sec-card ul{margin:6px 0 0;padding-left:18px;font-size:.86rem;display:grid;gap:4px}
.sec-switches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px;margin:12px 0}
.sec-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--d-line,#e2e5e9);border-radius:12px;padding:12px 14px;min-width:0}
.sec-switch>div{display:grid;gap:2px;min-width:0}
.sec-switch small{font-size:.78rem;opacity:.72}
.sec-switch .sec-why{opacity:1;color:#c2410c;font-weight:600}
.sec-switch.is-on{border-color:#e5484d;box-shadow:inset 3px 0 0 #e5484d}
.sec-switch button,.sec-toggle button{min-width:88px;flex:none}
.sec-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:10px 0}
.sec-row label{display:grid;gap:4px;font-size:.85rem}
.sec-row .text-link{font-size:.8rem;margin-left:4px}
.sec-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:10px;margin:10px 0 16px}
.sec-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--d-line,#e2e5e9);border-radius:12px;padding:10px 14px}
.sec-toggle>div{display:grid;gap:2px;min-width:0}
.sec-toggle small{font-size:.78rem;opacity:.72;line-height:1.35}
.sec-log tr.is-undone td{opacity:.55}
.sec-log td{font-size:.88rem}
.sec-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:12px 0;padding-left:22px;font-variant-numeric:tabular-nums}
.sec-codes code,.sec-key code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;letter-spacing:.06em}
.sec-key{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 4px;padding:10px 12px;border-radius:10px;border:1px dashed var(--d-line,#cfd4da)}
.sec-key code{font-size:1.05rem;font-weight:700;word-break:break-all}
.sec-steps{display:grid;gap:12px;padding-left:20px;margin:10px 0}
.sec-inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:8px}
.sec-inline label{display:grid;gap:4px;font-size:.85rem}
.sec-inline input{width:140px;font-variant-numeric:tabular-nums;letter-spacing:.12em}
.au-turnstile{margin:6px 0 2px;min-height:0}
@media (max-width:560px){.sec-codes{grid-template-columns:1fr}.sec-switch{flex-wrap:wrap}}
/* the Control room is a full-width tool: the betslip rail stays out of its way (it still opens from the header) */
@media (min-width:761px){body.admin-room .slip-rail:not(.open){display:none!important}body.admin-room .layout{grid-template-columns:200px minmax(0,1fr)!important;max-width:none!important}body.admin-room #app>.layout,body.admin-room #app>.demo-strip,body.admin-room #app>.category-bar{margin-right:0!important}}
.sec-red td,.sec-log td{white-space:normal;overflow-wrap:anywhere}
.sec-red td:first-child{min-width:150px}.sec-red td:nth-child(2){min-width:140px}

/* Control room → Redemptions (redemptions-ui.js) */
.rd-card{border:1px solid var(--d-line,#e2e5e9);border-left:4px solid #f5a524;border-radius:12px;padding:14px 16px;margin:12px 0;display:grid;gap:10px}
.rd-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.rd-card h3{margin:0;font-size:1.05rem}.rd-card p{margin:0}
.rd-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0}
.rd-facts div{border:1px solid var(--d-line,#e2e5e9);border-radius:10px;padding:8px 10px;display:grid;gap:2px}
.rd-facts dt{font-size:.75rem;opacity:.7}.rd-facts dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.rd-facts dd.ok{color:#15803d}.rd-facts dd.bad{color:#c2410c}
.rd-decide{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.rd-decide label{display:grid;gap:4px;font-size:.85rem;flex:1 1 280px}
.rd-decide input{width:100%}
/* the player's redemption requests (wallet → Redeem) */
.rd-list{margin:14px 0 6px}
.rd-list h3{margin:0 0 6px;font-size:.95rem}
.rd-list ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rd-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid rgba(127,127,127,.25)}
.rd-list li span{display:grid;gap:2px}.rd-list li small{opacity:.75;font-size:.78rem}
.rd-list li.rd-pending{border-color:#f5a524}.rd-list li.rd-paid b{color:#15803d}
/* T5: Bundle Management bundles (connected mode): a staff badge and a bundle name on the store chip */
body .st-ribbon{position:absolute;z-index:1;left:12px;top:-9px;max-width:calc(100% - 56px);padding:3px 9px;border-radius:999px;background:#d9001b;color:#fff;font:800 11px/1.3 Manrope,sans-serif;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .st-chip-txt .st-name{font:800 13px/1.2 Manrope,sans-serif;color:#4a525c;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html.dk .st-chip-txt .st-name{color:var(--d-sub)}
@media (max-width:820px){body .store-sheet2 .st-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .store-sheet2 .st-chip,body .store-sheet2 .st-chip-txt{min-width:0}body .store-sheet2 .st-chip:has(.st-name) .st-tick{top:-10px;right:10px}}
/* long staff names (up to 60 characters): footer and Bonus-step labels wrap and stop at 2 lines; Continue and Change keep their size */
body .st-foot>div,body .st-picked>div{min-width:0}
body .st-foot strong,body .st-picked strong{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .st-picked small{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .st-foot .st-primary,body .st-picked .st-link{flex-shrink:0}
/* B-09: connected store payments: the simulated provider's test-outcome choice and the pending step */
.st-test{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:10px 0 0;font:600 13px Manrope,sans-serif;color:#5b6470}
.st-test select{min-height:36px;padding:6px 10px;border:1px solid #cfd5dd;border-radius:10px;background:#fff;color:#111;font:600 13px Manrope,sans-serif;max-width:100%}
html.dk .st-test select{background:#1b1f26;color:#e8eaee;border-color:#3a414c}
.st-pending .st-check{background:#eef2ff;color:#3346c4}