html.pb-look,
html.pb-look body { background: #101114; color: #f4f5f7; }
html.pb-look .header,
html.pb-look .topline,
html.pb-look .site-sidebar,
html.pb-look .live-support { display: none !important; }
html.pb-look .reference-shell,
html.pb-look .site-with-sidebar,
html.pb-look .reference-shell.site-with-sidebar,
html.pb-look .site-with-sidebar.sidebar-collapsed { padding-left: 0 !important; padding-top: 0 !important; }
html.pb-look body.pb-look-home .reference-shell { min-height: 0 !important; background: transparent !important; }
html.pb-look body.pb-look-home .main,
html.pb-look body.pb-look-home .lobby-footer,
html.pb-look body.pb-look-home .bottom-nav { display: none !important; }
html:not(.pb-look) .pb-shell,
html:not(.pb-look) .pb-home,
html:not(.pb-look) .pb-winners { display: none !important; }
.pb-shell, .pb-home { font-family: "Segoe UI", Arial, sans-serif; }
.pb-shell { position: sticky; top: 0; z-index: 80; background: #141519; box-shadow: 0 8px 18px rgba(0, 0, 0, .28); }
.pb-top { display: flex; align-items: center; gap: 14px; min-height: 46px; padding: 4px 16px; background: #1b1d22; border-bottom: 1px solid #2c2e34; }
.pb-logo { display: inline-flex; align-items: center; flex: none; text-decoration: none; }
.pb-logo img { display: block; height: 34px; width: auto; }
.pb-clock { display: flex; flex-direction: column; flex: none; color: #d7dae1; font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.05; }
.pb-clock small { color: #8d929c; font-size: 9px; font-weight: 700; }
.pb-top-links { display: flex; align-items: center; gap: 14px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.pb-top-links::-webkit-scrollbar, .pb-nav::-webkit-scrollbar { display: none; }
.pb-top-links a { display: inline-flex; align-items: center; gap: 5px; color: #e6e8ee; font-size: 12px; font-weight: 650; white-space: nowrap; text-decoration: none; }
.pb-top-links a svg, .pb-nav a svg, .pb-pill svg { width: 14px; height: 14px; flex: none; }
.pb-top-links a.is-star svg { color: #ff7a00; }
.pb-top-right { display: flex; align-items: center; gap: 8px; margin-left: auto; flex: none; }
.pb-auth { display: flex; align-items: center; gap: 8px; }
.pb-pill { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 28px; height: 28px; padding: 0 10px; border: 1px solid #ff7a00; border-radius: 7px; background: transparent; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-decoration: none; white-space: nowrap; }
.pb-pill:hover { background: #ff7a00; color: #1a1008; }
.pb-balance { display: flex; flex-direction: column; align-items: flex-end; color: #fff; font-size: 12px; font-weight: 800; line-height: 1.15; white-space: nowrap; }
.pb-balance small { color: #9aa0ab; font-size: 9px; font-weight: 700; }
.pb-flag { width: 18px; height: 12px; display: block; flex: none; }
.pb-moon { width: 16px; height: 16px; display: block; flex: none; }
.pb-nav { display: flex; align-items: stretch; justify-content: space-between; gap: 2px; min-height: 46px; padding: 0 10px; background: #121317; overflow-x: auto; scrollbar-width: none; }
.pb-nav a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 6px; color: #f3f4f6; font-size: 12px; font-weight: 800; letter-spacing: .03em; text-decoration: none; white-space: nowrap; }
.pb-nav a.is-active { color: #ff7a00; box-shadow: inset 0 -2px 0 #ff7a00; }
.pb-new { margin-left: 2px; padding: 1px 4px; border-radius: 3px; background: #e10600; color: #fff; font-size: 8px; font-weight: 900; letter-spacing: .04em; line-height: 1.3; }
.pb-new.is-top { background: #5082ff; }
.pb-new.is-hot { background: #ff0000; }
.pb-top-links a.is-star { padding: 3px 8px; border-radius: 6px; background: #ff7a00; color: #1b1208; }
.pb-top-links a.is-star svg { color: #1b1208; }
.pb-home { display: none; background: #101114; }
html.pb-look body.pb-look-home .pb-home { display: block; }
.pb-wrap { width: min(1180px, calc(100% - 28px)); margin: 0 auto; }
.pb-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr); align-items: center; gap: 12px; min-height: 292px; margin: 16px auto 8px; padding: 22px 22px 42px; overflow: hidden; border-radius: 16px; background: linear-gradient(90deg, rgba(10, 8, 6, .92) 0%, rgba(10, 8, 6, .72) 42%, rgba(10, 8, 6, .28) 100%), #1a100c url("/assets-build/portbet-hero.png") right center / cover no-repeat; }
.pb-hero-copy { position: relative; z-index: 1; display: flex; align-items: center; gap: 16px; }
.pb-badge { display: flex; flex: none; flex-direction: column; align-items: center; justify-content: center; width: 92px; height: 92px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffe7a3, #f0a320 46%, #c45e00 78%); color: #3a2200; text-align: center; box-shadow: 0 0 0 5px rgba(255, 176, 46, .28), 0 10px 24px rgba(0, 0, 0, .35); transform: rotate(-8deg); }
.pb-badge b { font-size: 26px; font-weight: 900; line-height: .9; }
.pb-badge span { font-size: 9px; font-weight: 900; letter-spacing: .04em; line-height: 1.05; }
.pb-hero h1 { margin: 0 0 8px; color: #fff; font-family: Impact, "Arial Black", "Segoe UI", sans-serif; font-size: 28px; font-style: italic; font-weight: 900; letter-spacing: .2px; line-height: 1.02; text-transform: uppercase; }
.pb-hero h1 span, .pb-hero h1 strong { display: block; }
.pb-hero h1 strong { color: #ff7a00; font-size: 34px; }
.pb-hero p { margin: 0; max-width: 460px; color: #f3f4f6; font-size: 13px; line-height: 1.4; }
.pb-cta { display: inline-flex; align-items: center; min-height: 34px; margin-top: 12px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 999px; background: #16120f; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-decoration: none; }
.pb-cta:hover { background: #ff7a00; color: #1a1008; border-color: #ff7a00; }
.pb-pager { position: absolute; left: 50%; bottom: 10px; z-index: 2; display: flex; align-items: center; gap: 8px; color: #fff; font-size: 12px; font-weight: 800; transform: translateX(-50%); }
.pb-pager button { width: 28px; min-width: 28px; height: 28px; min-height: 28px; padding: 0; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .5); color: #fff; font-size: 16px; line-height: 1; }
.pb-match { position: relative; z-index: 1; justify-self: end; width: min(280px, 100%); padding: 12px 12px 14px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 14px; background: rgba(18, 14, 10, .62); color: #fff; text-align: center; backdrop-filter: blur(8px); }
.pb-match-date { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #f0f2f5; font-size: 12px; font-weight: 700; }
.pb-teams { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 6px; margin-top: 10px; }
.pb-team, .pb-league { display: grid; justify-items: center; gap: 4px; font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.pb-team svg, .pb-league svg { width: 42px; height: 42px; }
.pb-league { color: #ffd7a8; font-size: 9px; }
.pb-cd { display: flex; justify-content: center; gap: 6px; margin-top: 10px; }
.pb-cd span { min-width: 48px; padding: 4px 0 5px; border-radius: 8px; background: rgba(0, 0, 0, .42); }
.pb-cd b { display: block; font-size: 16px; line-height: 1.1; }
.pb-cd small { color: #d5d8df; font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.pb-tiles { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 16px auto; }
.pb-tile { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 8px; min-height: 148px; padding: 14px 8px 16px; border: 1px solid #3c4048; border-radius: 22px; background: linear-gradient(180deg, #32343b, #1d1f25); color: #fff; text-align: center; text-decoration: none; }
.pb-tile:hover { border-color: #ff7a00; }
.pb-tile-icon { display: grid; place-items: center; height: 74px; }
.pb-tile-icon { height: auto; }
.pb-tile-icon svg { width: 68px; height: 68px; }
.pb-tile { justify-content: flex-end; gap: 8px; overflow: hidden; }
.pb-tile-icon { height: 104px; width: 100%; align-items: flex-end; }
.pb-tile-icon img { width: 86%; height: 96px; object-fit: contain; object-position: center bottom; display: block; }
.pb-tile-label { position: relative; z-index: 1; margin-top: 2px; }
.pb-tile-label { font-size: 13px; font-weight: 800; letter-spacing: .04em; line-height: 1.15; }
.pb-promos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 6px auto 28px; }
.pb-promo { display: flex; align-items: center; gap: 8px; min-height: 128px; padding: 16px 14px 16px 18px; overflow: hidden; border-radius: 16px; background: linear-gradient(100deg, #ff6a00, #ff9a1a); color: #fff; text-decoration: none; }
.pb-promo strong { display: block; margin-bottom: 6px; font-size: 18px; font-weight: 800; line-height: 1.15; }
.pb-promo p { margin: 0; color: #fff; font-size: 12px; line-height: 1.35; }
.pb-promo-art svg { width: 92px; height: 92px; display: block; }
.pb-footer { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 28px auto 88px; padding-top: 22px; border-top: 1px solid #2c2e34; color: #c5c8d0; }
.pb-footer h2 { margin: 0 0 8px; color: #fff; font-size: 14px; }
.pb-footer a { display: block; color: #c5c8d0; font-size: 13px; line-height: 1.9; text-decoration: none; }
.pb-footer a:hover { color: #ffb15a; }
.pb-info { width: min(980px, calc(100% - 24px)); margin: 18px auto 48px; }
.pb-info h1 { margin: 0 0 14px; font-size: 28px; }
.pb-info article, .pb-info .pb-es-row { margin: 0 0 12px; padding: 14px; border-radius: 14px; background: #17191e; }
.pb-info h2 { margin: 0 0 6px; font-size: 16px; color: #ffb15a; }
.pb-info p { margin: 0; color: #d7dae1; line-height: 1.45; }
.pb-info > a { color: #ffb15a; font-weight: 800; }
.pb-winners { position: fixed; left: 14px; bottom: 14px; z-index: 45; display: none; gap: 8px; }
html.pb-look body.pb-look-home .pb-winners { display: flex; }
.pb-winners button { min-height: 32px; padding: 0 12px; border: 1px solid #3a3d46; border-radius: 8px; background: #1a1c21; color: #e6e8ee; font-size: 12px; font-weight: 800; }
.pb-winners button.is-on { border-color: #ff7a00; background: #ff7a00; color: #1a1008; }
@media (max-width: 1100px) {
  .pb-nav { justify-content: flex-start; gap: 8px; }
  .pb-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pb-hero h1 { font-size: 24px; }
  .pb-hero h1 strong { font-size: 28px; }
}
@media (max-width: 760px) {
  .pb-logo img { height: 28px; }
  .pb-clock, .pb-top-links { display: none; }
  .pb-top { gap: 8px; padding: 6px 10px; }
  .pb-hero { grid-template-columns: 1fr; min-height: 0; padding: 16px 14px 46px; }
  .pb-match { justify-self: stretch; width: auto; }
  .pb-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pb-promos { grid-template-columns: 1fr; }
  .pb-footer { grid-template-columns: 1fr; }
  .pb-winners { left: 8px; right: 8px; flex-wrap: wrap; }
  .pb-home { padding-bottom: 72px; }
}

.pb-logo { gap: 8px; }
.pb-logo .pb-mark { width: 28px; height: 28px; object-fit: contain; border-radius: 6px; flex: none; }
.pb-hero { display: block; min-height: 0; padding: 0 0 36px; background: #101114; }
.pb-banner { display: block; width: 100%; height: auto; object-fit: contain; object-position: center center; background: #101114; }

.pb-shell { display: flex; flex-direction: column; align-items: stretch; }
.pb-top { width: 100%; flex-wrap: nowrap; }
.pb-nav { width: 100%; flex-wrap: nowrap; overflow-x: auto; }
.pb-logo .pb-mark { width: 36px; height: 36px; object-fit: contain; }

.pb-home-games { display: grid; gap: 22px; margin: 8px auto 28px; }
.pb-rail-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.pb-rail-head h2 { margin: 0; font-size: 18px; }
.pb-rail-head a { color: #ff7a00; font-size: 13px; font-weight: 800; text-decoration: none; }
.pb-rail { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.pb-rail-card { display: grid; gap: 6px; color: #fff; text-decoration: none; }
.pb-rail-card img { width: 100%; height: auto; max-width: 100%; object-fit: contain; object-position: center center; background: #101114; border-radius: 12px; display: block; }
.pb-rail-card span { font-size: 12px; font-weight: 700; line-height: 1.3; }
.pb-promo small { display: block; margin-top: 6px; color: #fff; font-size: 11px; }
.pb-bonus-admin { margin: 0 0 16px; padding: 16px; border: 1px solid #3a3d46; border-radius: 16px; background: #17191e; }
.pb-bonus-admin h2 { margin: 0 0 6px; }
.pb-bonus-note { margin: 0 0 12px; color: #c5c8d0; font-size: 13px; }
.pb-bonus-form { display: grid; gap: 8px; max-width: 520px; }
.pb-bonus-form input { min-height: 40px; border-radius: 8px; border: 1px solid #4a3b2a; background: #100e0c; color: #fff; padding: 8px 10px; }
.pb-bonus-form button, .pb-bonus-list button { min-height: 40px; border: 0; border-radius: 8px; background: #ff7a00; color: #1b120c; font-weight: 800; }
.pb-bonus-check { display: flex; align-items: center; gap: 8px; }
.pb-bonus-list { display: grid; gap: 8px; margin-top: 14px; }
.pb-bonus-list article { display: grid; gap: 4px; padding: 10px; border-radius: 10px; background: #101114; }
/* pb-banner-fit */
.pb-hero { overflow: visible; max-height: none; background-image: none; }
.pb-banner { width: 100%; height: auto; max-height: none; object-fit: contain; object-position: center center; }
@media (max-width: 760px) {
  .pb-hero { padding: 8px 0 28px; overflow: visible; }
  .pb-banner { width: 100%; height: auto; object-fit: contain; }
  .pb-nav { flex-wrap: nowrap; }
}

.pb-logo .pb-word { height: 32px; width: auto; object-fit: contain; background: transparent; }
@media (max-width: 760px) {
  .pb-logo .pb-word { height: 24px; }
  .pb-top { flex-wrap: nowrap; gap: 6px; padding: 6px 8px; overflow-x: auto; }
  .pb-top-right, .pb-auth { flex: none; flex-wrap: nowrap; gap: 4px; }
  .pb-pill { height: 26px; min-height: 26px; padding: 0 7px; font-size: 10px; gap: 4px; }
  .pb-pill svg { width: 12px; height: 12px; }
  .pb-flag { width: 14px; height: 10px; }
  .pb-moon { width: 14px; height: 14px; }
  .pb-nav { flex-wrap: nowrap; justify-content: flex-start; min-height: 64px; padding: 8px 8px; gap: 2px; overflow-x: auto; }
  .pb-nav a { flex: none; font-size: 11px; padding: 14px 8px; min-height: 48px; }
  .pb-nav a svg { width: 13px; height: 13px; }
  .pb-tiles { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 8px; width: 100%; max-width: 100%; margin: 12px 0; padding: 0 10px 6px; box-sizing: border-box; }
  .pb-tile { flex: 0 0 128px; min-height: 132px; padding: 8px 6px 10px; }
  .pb-tile-icon { height: 78px; overflow: hidden; }
  .pb-tile-icon img, .pb-tile-icon svg { width: 100%; height: 70px; object-fit: contain; object-position: center top; }
  .pb-tile-label { flex: none; font-size: 11px; margin-top: 4px; }
}
html.pb-look body.pb-lobby-on .main,
html.pb-look body.pb-lobby-on .lobby-footer,
html.pb-look body.pb-lobby-on .bottom-nav { display: none !important; }
.pb-espor { display: none; background: #101114; color: #f4f5f7; }
body.pb-lobby-on .pb-espor { display: block; }
.pb-es-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 12px; width: min(1180px, calc(100% - 20px)); margin: 12px auto 28px; }
.pb-es-side, .pb-es-main { min-width: 0; }
.pb-es-search, .pb-es-stake input { width: 100%; box-sizing: border-box; min-height: 40px; border-radius: 10px; border: 1px solid #3a3d46; background: #17191e; color: #fff; padding: 8px 10px; }
.pb-es-game, .pb-es-filters button, .pb-es-odds button { border: 1px solid #3a3d46; background: #17191e; color: #f4f5f7; border-radius: 10px; min-height: 40px; cursor: pointer; }
.pb-es-game { display: flex; width: 100%; margin-top: 6px; padding: 0 10px; text-align: left; font-weight: 700; }
.pb-es-game.is-on, .pb-es-filters button.is-on { border-color: #ff7a00; color: #ffb15a; }
.pb-es-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 10px; flex-wrap: wrap; }
.pb-es-head h1 { margin: 0; font-size: 28px; }
.pb-es-filters { display: flex; gap: 8px; flex-wrap: wrap; }
.pb-es-filters button { padding: 0 12px; }
.pb-es-stake { display: grid; gap: 4px; margin: 8px 0; font-size: 12px; color: #c5c8d0; }
.pb-es-status { min-height: 1.2em; color: #ffd7a8; }
.pb-es-league { margin: 0 0 12px; padding: 10px; border-radius: 14px; background: #17191e; }
.pb-es-league h2 { margin: 0 0 8px; font-size: 14px; color: #ffb15a; }
.pb-es-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 8px 0; border-top: 1px solid #2c2e34; }
.pb-es-teams { display: grid; gap: 2px; }
.pb-es-teams span { color: #9aa0ab; font-size: 12px; }
.pb-es-odds { display: flex; gap: 6px; }
.pb-es-odds button { min-width: 72px; font-weight: 800; }
.pb-es-empty { color: #c5c8d0; }
@media (max-width: 800px) {
  .pb-es-layout { grid-template-columns: 1fr; }
  .pb-es-row { grid-template-columns: 1fr; }
}
.pb-grid-page { padding: 16px 0 32px; }
.pb-grid-page h1 { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 28px; }
.pb-page-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.pb-page-card { display: grid; gap: 6px; color: #fff; text-decoration: none; }
.pb-page-card img { width: 100%; aspect-ratio: 16 / 10; height: auto; object-fit: contain; background: #17191e; border-radius: 12px; display: block; }
.pb-tv-fav h2 { margin: 0 0 10px; font-size: 16px; }
.pb-tv-row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.pb-tv-chips { display: flex; gap: 8px; overflow-x: auto; margin: 0 0 14px; }
.pb-tv-chips button { flex: none; min-height: 34px; padding: 0 12px; border: 1px solid #3a3d46; border-radius: 8px; background: #17191e; color: #f4f5f7; font-weight: 700; }
.pb-tv-chips button.is-on { border-color: #ff7a00; color: #ffb15a; }
.pb-page-grid.is-photo { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
@media (max-width: 800px) { .pb-tv-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pb-page-card.is-photo img { aspect-ratio: auto; object-fit: contain; }
.pb-grid-page { padding-bottom: 96px; }
.pb-play { width: min(1200px, calc(100% - 16px)); margin: 12px auto 24px; }
.pb-play a { color: #ffb15a; font-weight: 800; text-decoration: none; }
.pb-play-frame { width: 100%; height: calc(100vh - 160px); min-height: 520px; margin-top: 10px; border: 0; border-radius: 12px; background: #000; }
.pb-page-card span { font-size: 13px; font-weight: 700; }
.pb-bonus-admin { position: relative; z-index: 2; box-sizing: border-box; width: min(720px, 100%); margin: 0 0 18px; padding: 16px; border: 1px solid #343841; border-radius: 12px; background: #17191e; color: #f4f5f7; }
.pb-bonus-admin h2, .pb-bonus-admin p, .pb-bonus-admin label { color: #f4f5f7; }
.pb-bonus-admin input { width: 100%; box-sizing: border-box; min-height: 42px; margin-top: 6px; padding: 8px 10px; border: 1px solid #ff7a00; border-radius: 8px; background: #0c0e12; color: #fff; }
#pb-mail { display: none !important; }
.pb-bonus-admin button[type=submit] { margin-top: 10px; }
html.pb-look body.pb-casino-on #root { display: none !important; }
html.pb-look body.pb-casino-on .pb-espor { display: block; background: #17181d; }
.pb-cas { width: min(1280px, calc(100% - 24px)); margin: 14px auto 48px; color: #eceff4; }
.pb-cas-hero { position: relative; overflow: hidden; border-radius: 12px; background: #121318; }
.pb-cas-hero img { display: block; width: 100%; height: auto; aspect-ratio: 1872 / 444; object-fit: cover; object-position: center; }
.pb-cas-pager { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; }
.pb-cas-pager button, .pb-cas-pager span { min-width: 28px; height: 28px; border: 0; border-radius: 8px; background: rgba(12, 13, 16, .72); color: #fff; font-size: 13px; font-weight: 800; }
.pb-cas-pager span { display: inline-flex; align-items: center; justify-content: center; min-width: 54px; padding: 0 8px; }
.pb-cas-search { display: flex; align-items: center; gap: 8px; height: 42px; margin: 14px 0 12px; padding: 0 14px; border-radius: 10px; background: #2a2d34; color: #9aa0ab; }
.pb-cas-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: #fff; font-size: 14px; }
.pb-cas-search input::placeholder { color: #8d929c; }
.pb-cas-filter { margin-left: auto; }
.pb-cas-chips { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0 10px; scrollbar-width: none; }
.pb-cas-chips::-webkit-scrollbar { display: none; }
.pb-cas-chips button { position: relative; display: inline-flex; align-items: center; gap: 8px; flex: none; height: 40px; padding: 0 12px 0 8px; border: 1px solid transparent; border-radius: 8px; background: #2a2d33; color: #f2f4f8; font-size: 13px; font-weight: 700; cursor: pointer; }
.pb-cas-chips button img { width: 22px; height: 22px; object-fit: contain; }
.pb-cas-chips button.is-on { background: #3a3e46; box-shadow: inset 0 0 0 1px #5a5e68; }
.pb-cas-chips i { position: absolute; top: -7px; right: -2px; padding: 1px 5px; border-radius: 4px; color: #fff; font-size: 9px; font-style: normal; font-weight: 800; line-height: 1.4; }
.pb-cas-chips i.is-hot { background: #ff0000; }
.pb-cas-chips i.is-exclusive { background: #5fc3d7; }
.pb-cas-chips i.is-top { background: #5082ff; }
.pb-cas-chips i.is-new { background: #e86b00; }
.pb-cas-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 6px 0 12px; }
.pb-cas-head h1 { margin: 0; font-size: 20px; font-weight: 800; }
.pb-cas-head button { border: 0; background: transparent; color: #d7dae1; font-size: 13px; font-weight: 700; cursor: pointer; }
.pb-live-tv { display: inline-flex; align-items: center; height: 30px; }
.pb-live-tv img { display: block; height: 30px; width: auto; border-radius: 7px; }
.pb-cas-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 18px 12px; }
.pb-cas-card { display: grid; gap: 6px; min-width: 0; color: #b7bcc6; text-decoration: none; }
.pb-cas-card img { width: 100%; aspect-ratio: 128 / 178; object-fit: cover; object-position: center; border-radius: 16px 16px 0 0; background: #14161c; }
.pb-cas-card span { overflow: hidden; font-size: 12px; font-weight: 500; line-height: 1.25; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 720px) { .pb-cas-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
html.pb-look body.pb-look-home #root { display: none !important; }
.pb-mid { margin: 10px auto 18px; }
.pb-wins-head, .pb-sport-head { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; }
.pb-wins-pill, .pb-sport-head button.is-on { height: 34px; padding: 0 14px; border: 0; border-radius: 8px; background: #ff7a00; color: #1b1208; font-weight: 800; cursor: pointer; }
.pb-wins-select { height: 34px; margin-left: auto; padding: 0 10px; border: 1px solid #3a3d46; border-radius: 8px; background: #1c1e24; color: #fff; }
.pb-wins-nav { display: flex; gap: 6px; margin-left: 8px; }
.pb-wins-nav button { width: 30px; height: 30px; border: 0; border-radius: 8px; background: #2a2d33; color: #fff; cursor: pointer; }
.pb-sport-head { margin-top: 16px; }
.pb-sport-head a { font-size: 18px; text-decoration: none; }
.pb-wins-row, .pb-sport-row, .pb-rail { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: thin; }
.pb-win-card { flex: 0 0 240px; display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px; border-radius: 12px; background: #1c1e24; color: #fff; text-decoration: none; }
.pb-win-card img { width: 58px; height: 58px; flex: none; object-fit: cover; border-radius: 8px; }
.pb-win-card span { display: grid; min-width: 0; }
.pb-win-card b, .pb-win-card strong, .pb-win-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pb-win-card b { font-size: 12px; color: #c5c8d0; font-weight: 700; }
.pb-win-card strong { font-size: 15px; }
.pb-win-card small { font-size: 11px; color: #9aa0ab; }
.pb-sport .pb-match { position: static; flex: 0 0 260px; width: 260px; margin: 0; padding: 12px; justify-self: stretch; text-align: left; backdrop-filter: none; background: #1c1e24; border: 1px solid #2e3138; border-radius: 12px; color: #fff; text-decoration: none; }
.pb-sport .pb-match-top { display: flex; justify-content: space-between; gap: 8px; color: #9aa0ab; font-size: 11px; }
.pb-sport .pb-match-teams { display: grid; gap: 3px; margin: 8px 0; }
.pb-sport .pb-match-teams b { font-size: 14px; }
.pb-sport .pb-odds { display: flex; gap: 6px; }
.pb-sport .pb-odds i { flex: 1; padding: 7px 0; border-radius: 8px; background: #101114; font-style: normal; font-weight: 800; text-align: center; }
.pb-story { position: relative; margin-top: 16px; }
.pb-story img { display: block; width: 100%; height: 280px; object-fit: cover; border-radius: 16px; background: #101114; }
.pb-home-games { width: min(1180px, calc(100% - 28px)); }
.pb-rail-card { flex: 0 0 168px; min-width: 0; }
.pb-rail-card img { width: 100%; height: 104px; object-fit: cover; }
body.pb-live-face #pb-live-grid { display: none !important; }
.pb-live-page .pb-cas-hero { margin-top: 12px; }
.pb-live-page .pb-cas-grid { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); }
.pb-live-tile { position: relative; display: grid; gap: 4px; min-width: 0; color: #c5c8d0; text-decoration: none; }
.pb-live-tile img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: center top; border-radius: 12px; background: #14161c; }
.pb-live-no, .pb-live-tag { position: absolute; top: 6px; z-index: 1; padding: 1px 5px; border-radius: 4px; background: rgba(0, 0, 0, .62); color: #fff; font-size: 10px; font-style: normal; font-weight: 800; }
.pb-live-no { left: 6px; }
.pb-live-tag { right: 6px; color: #7dffa1; text-transform: lowercase; }
.pb-live-tile span, .pb-live-tile small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pb-live-tile span { font-size: 12px; }
.pb-live-tile small { color: #8d929c; font-size: 11px; }