/* site-mode-control.css */
#app .member-menu-anchor .member-account-popover {
  width: min(270px,calc(100vw - 20px));
  padding: 6px;
  max-height: calc(100dvh - 78px);
  overflow-y: auto;
  scrollbar-width: thin;
}
#app .member-account-popover .member-profile-rank { grid-template-columns: 42px minmax(0,1fr); gap: 7px; margin: 1px 1px 5px; padding: 7px; }
#app .member-account-popover .member-profile-rank>img { width: 42px; height: 58px; }
#app .member-account-popover .member-profile-rank-body>strong { font-size: .75rem; }
#app .member-account-popover .member-profile-rank-labels { margin-top: 5px; font-size: .47rem; }
#app .member-account-popover .member-profile-rank-track { margin-top: 3px; }
#app .member-account-popover .member-profile-rank-foot { margin-top: 5px; font-size: .45rem; }
#app .member-menu-anchor .member-account-popover>a { min-height: 34px; padding: 5px 9px; gap: 9px; font-size: .75rem; }
#app .member-menu-anchor .member-account-popover>a .nav-icon { width: 17px; height: 17px; }
#app .member-menu-anchor .member-account-popover>a svg { width: 17px; height: 17px; }
#app .member-profile-themes {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  margin: 4px 0 0;
  padding: 5px 9px;
  border-top: 1px solid #ffffff1e;
}
#app .member-theme-icon { display: grid; place-items: center; flex: none; width: 17px; height: 17px; color: #a8b9b3; }
#app .member-theme-icon svg { width: 17px; height: 17px; }
#app .member-theme-label { flex: 1; color: #e6eef1; font-size: .75rem; font-weight: 750; }
#app .member-theme-options { display: flex; gap: 5px; align-items: center; }
#app .member-menu-anchor .member-account-popover .site-mode-choice {
  display: grid;
  place-items: center;
  flex: none;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  padding: 2px;
  border: 1px solid #ffffff35;
  border-radius: 7px;
  background: transparent;
  color: inherit;
}
#app .member-menu-anchor .member-account-popover .site-mode-choice:hover { border-color: #c1ef8d96; background: #ffffff12; }
#app .member-menu-anchor .member-account-popover .site-mode-choice.selected {
  border-color: #b2ff3b;
  box-shadow: 0 0 0 1px #b2ff3b44;
}
#app .site-mode-swatch { width: 17px; height: 17px; border: 1px solid #ffffff5c; border-radius: 5px; }
#app .site-mode-swatch.black { background: linear-gradient(135deg,#050506 50%,#17191b 50%); }
#app .site-mode-swatch.current { background: linear-gradient(135deg,#0d141d 50%,#20312b 50%); }
#app .site-mode-swatch.light { background: linear-gradient(135deg,#20384d 50%,#3b607d 50%); }
#app .member-menu-anchor .member-account-popover button[data-action="signout"] { min-height: 34px; margin-top: 0; padding: 5px 9px; font-size: .75rem; }
@media(max-width:700px) { #app .member-menu-anchor .member-account-popover { width: min(270px,calc(100vw - 20px)); } }
#app .og-store-page { max-width: 1280px; min-height: calc(100dvh - 230px); padding-top: clamp(36px,6vw,78px); }
#app .og-store-intro { padding: clamp(25px,4vw,46px); border: 1px solid #ffffff27; border-radius: 16px; background: var(--preview-panel,#171f25); }
#app .og-store-intro .eyebrow { color:#bdf171; }
#app .og-store-intro h1 { margin: 11px 0 8px; font: 700 clamp(2.3rem,5vw,4rem)/1.05 'Oswald',sans-serif; text-transform: uppercase; }
#app .og-store-intro p { margin:0; color:#aebcb5; font-size:.9rem; }


/* live-wins-motion.css */
#app .home-content .live-wins {
  border-bottom: 0;
  padding-bottom: 2px;
}

#app .home-content .live-wins-title {
  display: flex;
  align-items: center;
}

#app .home-content .live-wins-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

#app .home-content .live-wins-viewport::-webkit-scrollbar { display: none; }

#app .home-content .live-wins-track {
  display: flex;
  width: max-content;
  gap: 0;
  scroll-snap-type: none;
  animation: og-live-wins-scroll 112s linear infinite;
}

#app .home-content .live-wins-group {
  display: flex;
  flex: none;
  gap: 10px;
  padding-right: 10px;
}

#app .home-content .live-wins-viewport:hover .live-wins-track,
#app .home-content .live-wins-viewport:focus-within .live-wins-track {
  animation-play-state: paused;
}

@keyframes og-live-wins-scroll {
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  #app .home-content .live-wins-track { animation: none; }
  #app .home-content .live-wins-group[aria-hidden="true"] { display: none; }
}


/* surface-sync.css */
/* Keep the approved Lime outline surfaces consistent in all three themes. */
html #app .member-hero-progress {
  background: #24455a99;
  border: 1px solid #b1f276b8;
  box-shadow: inset 3px 0 0 #b2f46b;
}

html #app .site-rail .rail-promo-list {
  padding: 0;
  background: transparent;
  border: 0;
}

html #app .site-rail .rail-promo-list > .rail-promo-heading,
html #app .site-rail .rail-promo-list > a:nth-child(n) {
  background: #2c4a60;
  border: 0;
  border-left: 3px solid #a6eb61;
}

html #app .site-rail .rail-promo-list > .rail-promo-heading:hover,
html #app .site-rail .rail-promo-list > a:nth-child(n):hover {
  background: #365a70;
}


/* header-dropdowns.css */
/* The four header menus share one responsive width across all site themes. */
#app {
  --header-dropdown-width: min(270px, calc(100vw - 20px));
}

#app .member-menu-anchor .member-rewards-popover,
#app .member-menu-anchor .member-notifications-popover,
#app .member-menu-anchor .member-account-popover,
#app .utility-picker.global {
  box-sizing: border-box;
  width: var(--header-dropdown-width) !important;
}

/* Give rewards the same restrained treatment as the profile menu. */
#app .member-menu-anchor .member-rewards-popover {
  max-height: calc(100dvh - 78px);
  padding: 6px !important;
  border-radius: 10px !important;
  scrollbar-width: thin;
}

#app .member-rewards-popover .member-reward-inbox-row {
  box-sizing: border-box;
  min-height: 34px;
  padding: 5px 9px;
  gap: 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #e6eef1;
  font-size: .75rem;
}

#app .member-rewards-popover .member-reward-menu-icon {
  width: 17px;
  height: 17px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #a8b9b3;
}

#app .member-rewards-popover .member-reward-menu-icon svg {
  width: 17px;
  height: 17px;
}

#app .member-rewards-popover .member-reward-menu-lock {
  width: 17px;
  height: 17px;
  border-radius: 0;
  background: transparent;
  color: #a8b9b3;
}

#app .member-rewards-popover .member-reward-menu-count {
  min-width: 22px;
  height: 22px;
  padding: 0 5px;
  border: 1px solid #b2ff3b;
  background: #b2ff3b;
  color: #15220d;
}

#app .member-rewards-popover .member-reward-menu-empty {
  display: grid;
  place-items: center;
  flex: none;
  width: 17px;
  height: 17px;
  color: #8b9b98;
  font-size: .88rem;
  line-height: 1;
}

#app .member-rewards-popover .member-rewards-overview-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  min-height: 34px;
  margin: 5px 0 0;
  padding: 5px 9px;
  border: 1px solid #a5d66d78;
  border-radius: 7px;
  background: #a7e76424;
  color: #e9f8df;
  font-size: .75rem;
  font-weight: 750;
}

#app .member-rewards-popover .member-rewards-overview-link .nav-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 17px;
  height: 17px;
  color: #a8b9b3;
}

#app .member-rewards-popover .member-rewards-overview-link .nav-icon svg {
  width: 17px;
  height: 17px;
}

#app .member-rewards-popover .member-rewards-overview-link:hover {
  background: #a7e76438;
}


/* account-unified.css */
/* One account surface system for Settings, activity, Races and OG Store. */
html #app{--account-surface:#192630;--account-raised:#24343e;--account-inset:#14212a;--account-line:#849ca844;--account-text:#f3f7f7;--account-muted:#aabec3;--account-accent:#a6c8d7}
html[data-site-mode="black"] #app{--account-surface:#111315;--account-raised:#202326;--account-inset:#0a0c0e;--account-line:#ffffff2b;--account-muted:#abb5b7;--account-accent:#b4c3c8}
html[data-site-mode="light"] #app{--account-surface:#2b465c;--account-raised:#385670;--account-inset:#233d53;--account-line:#a9cee363;--account-muted:#c4d8e3;--account-accent:#d0eafa}

#app>.account-section-page{width:calc(100% - var(--rail-width));max-width:none;min-height:calc(100dvh - 230px);margin-right:0;margin-left:var(--rail-width);padding:26px max(24px,calc((100vw - var(--rail-width) - 1280px)/2)) 70px;background:transparent}
#app .account-section-page .member-subnav{justify-content:center;gap:3px;width:max-content;max-width:100%;margin:0 auto 29px;padding:4px;border:1px solid var(--account-line);border-radius:11px;background:var(--account-surface)}
#app .account-section-page .member-subnav a{padding:10px 15px;border:0;border-radius:7px;color:var(--account-muted);font-size:.78rem;font-weight:750;line-height:1.25;white-space:nowrap}
#app .account-section-page .member-subnav a.active,#app .account-section-page .member-subnav a:hover{background:var(--account-raised);color:var(--account-text)}
#app .member-account-popover a.member-account-group-start{margin-top:6px;padding-top:11px;border-top:1px solid var(--account-line);border-radius:0}
#app .account-section-page .member-page-title{margin:0 0 23px}
#app .account-section-page .member-kicker{color:var(--account-accent);font-size:.65rem;letter-spacing:.13em}
#app .account-section-page .member-page-title h1{margin:7px 0 8px;color:var(--account-text);font:750 clamp(2.45rem,3.5vw,3.65rem)/1.06 Oswald,Impact,sans-serif;text-transform:uppercase}
#app .account-section-page .member-page-title p{margin:0;color:var(--account-muted);font-size:.88rem;line-height:1.5}
#app .account-section-page .member-settings-side,#app .account-section-page .member-settings-panel,#app .account-section-page .member-feature-panel,#app .account-section-page .member-table,#app .account-section-page .member-activity-list,#app .account-section-page .race-table,#app .account-section-page .og-store-intro{border:1px solid var(--account-line);border-radius:13px;background:var(--account-surface);box-shadow:none}
#app .account-section-page .member-settings-layout{grid-template-columns:minmax(205px,250px) minmax(0,1fr);gap:16px;margin:0 auto 34px}
#app .account-section-page .member-settings-side{gap:4px;padding:9px}
#app .account-section-page .member-settings-side button{min-height:45px;padding:10px 13px;border-radius:7px;color:var(--account-muted);font-size:.79rem;font-weight:750}
#app .account-section-page .member-settings-side button.active,#app .account-section-page .member-settings-side button:hover{background:var(--account-raised);color:var(--account-text)}
#app .account-section-page .member-settings-panel{min-height:0}
#app .account-section-page .member-settings-panel-inner{padding:3px 24px}
#app .account-section-page .member-settings-row{padding:22px 0 24px;border-top-color:var(--account-line)}
#app .account-section-page .member-settings-row:first-child{border-top:0}
#app .account-section-page .member-settings-row h2{color:var(--account-text);font-size:1.06rem}
#app .account-section-page .member-settings-row p,#app .account-section-page .member-profile-form label,#app .account-section-page .member-feature-panel p,#app .account-section-page .member-empty p,#app .account-section-page .race-empty p,#app .account-section-page .og-store-intro p{color:var(--account-muted);font-size:.81rem;line-height:1.5}
#app .account-section-page .member-settings-value,#app .account-section-page .member-profile-edit input,#app .account-section-page .member-settings-muted-action{border-color:var(--account-line);background:var(--account-inset);color:var(--account-text)}
#app .account-section-page .member-settings-muted-action{color:var(--account-muted)}
#app .account-section-page .member-filter-row{gap:7px;margin-bottom:15px}
#app .member-transactions-page .member-transaction-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}
#app .member-transactions-page .member-transaction-toolbar .member-filter-row{margin:0;flex-wrap:wrap}
#app .member-transactions-page .member-demo-controls{display:flex;align-items:center;gap:9px;margin-left:auto}
#app .member-transactions-page .member-sample-badge{padding:5px 8px;border:1px solid var(--account-line);border-radius:5px;color:var(--account-muted);font-size:.61rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}
#app .member-transactions-page .member-sample-toggle{padding:8px 11px;border:1px solid var(--account-line);border-radius:7px;background:var(--account-raised);color:var(--account-text);font-size:.73rem;font-weight:800;white-space:nowrap}
#app .member-transactions-page .member-sample-toggle:hover{filter:brightness(1.12)}
#app .member-transactions-page .member-table-row strong{white-space:nowrap}
#app .member-transactions-page .member-sample-credit{color:#a9d9bc}
#app .member-transactions-page .member-sample-debit{color:var(--account-text)}
#app .member-transactions-page .member-status.is-pending{color:#e8c993}
#app .account-section-page .member-filter-row button,#app .account-section-page .races-tabs button{border:1px solid var(--account-line);border-radius:7px;background:var(--account-surface);color:var(--account-muted);font-size:.77rem;font-weight:750}
#app .account-section-page .member-filter-row button.active,#app .account-section-page .races-tabs button.active{border-color:var(--account-line);background:var(--account-raised);color:var(--account-text)}
#app .account-section-page .member-table-head,#app .account-section-page .race-table-head{background:var(--account-raised);color:var(--account-muted);font-size:.69rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
#app .account-section-page .member-table-row{border-top-color:var(--account-line)}
#app .account-section-page .member-empty,#app .account-section-page .race-empty{padding:54px 20px;color:var(--account-text);text-align:center}
#app .account-section-page .member-empty strong,#app .account-section-page .race-empty strong{font:750 1.05rem/1.3 'DM Sans',sans-serif;text-transform:none}
#app .account-section-page .member-dashboard-grid{gap:16px}
#app .account-section-page .member-feature-panel{min-height:210px;padding:24px}
#app .account-section-page .member-feature-panel h2,#app .account-section-page .member-section-title h2,#app .account-section-page .og-store-intro h2{color:var(--account-text)}
#app .account-section-page .member-section-title{margin:29px 0 13px}
#app .account-section-page .races-tabs{max-width:100%;width:max-content;gap:7px;margin:0 0 15px;padding:0;border:0;border-radius:0;background:transparent}
#app .account-section-page .races-tabs button{min-width:95px;padding:9px 15px}
#app .account-section-page .race-table-head{grid-template-columns:60px 1.5fr 1fr 1fr}
#app .account-section-page .og-store-intro{min-height:210px;padding:25px}
#app .account-section-page .og-store-intro h2{margin:0 0 8px;font-size:1.07rem}

/* Race leaderboard uses the same account surfaces in all three themes. */
#app .races-page .races-hero{min-height:285px;margin:0 0 22px;padding:31px 37px;border:1px solid var(--account-line);border-radius:13px;background:linear-gradient(90deg,rgba(8,12,19,.96) 0%,rgba(8,12,19,.87) 34%,rgba(8,12,19,.24) 73%),url('./assets/preview-2026-10/monthly-race.png') center 54%/cover no-repeat;color:#fff}
#app .races-page .race-hero-copy{position:relative;z-index:1;max-width:410px}
#app .races-page .race-hero-eyebrow{color:#d4e1e6;font-size:.64rem;font-weight:850;letter-spacing:.13em}
#app .races-page .race-prize{margin:13px 0 2px;font:750 2.2rem/.95 Oswald,Impact,sans-serif}
#app .races-page .race-prize small{display:inline-block;vertical-align:middle;margin-left:8px;padding:5px 7px;border:1px solid #ffffff77;border-radius:4px;font:800 .55rem/1 'DM Sans',sans-serif;letter-spacing:.06em}
#app .races-page .races-hero h1{margin:9px 0 15px;color:#fff;font:750 clamp(2.35rem,4vw,3.7rem)/.95 Oswald,Impact,sans-serif;text-transform:uppercase}
#app .races-page .races-hero p{max-width:315px;margin:19px 0 0;color:#e0e6e7;font-size:.8rem}
#app .races-page .race-countdown{display:flex;gap:6px;margin-top:16px}
#app .races-page .race-countdown>div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:54px;border:1px solid #ffffff3b;border-radius:8px;background:#111b2cdb}
#app .races-page .race-countdown strong{font:750 1.26rem/1 'DM Sans',sans-serif;font-variant-numeric:tabular-nums}
#app .races-page .race-countdown span{margin-top:5px;color:#dce4e6;font-size:.52rem;font-weight:800;letter-spacing:.04em}
#app .races-page .race-countdown-caption{display:block;margin-top:7px;color:#d5dfe2;font-size:.59rem}
#app .races-page .race-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
#app .races-page .race-stat{display:flex;align-items:center;gap:8px;min-height:43px;padding:9px 14px;border:1px solid var(--account-line);border-radius:9px;background:var(--account-surface);color:var(--account-text);font-size:.79rem;font-weight:750}
#app .races-page .race-stat>span{color:var(--account-muted);font-size:1.1rem}
#app .races-page .race-stat strong{color:var(--account-accent)}
#app .races-page .races-tabs{display:flex;gap:3px;width:max-content;max-width:100%;margin:0;padding:4px;border:1px solid var(--account-line);border-radius:999px;background:var(--account-surface)}
#app .races-page .races-tabs button{min-width:88px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:var(--account-muted);font-size:.75rem;font-weight:800}
#app .races-page .races-tabs button.active{background:var(--account-raised);color:var(--account-text)}
#app .races-page .race-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;margin:0 0 9px;color:var(--account-muted);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#app .races-page .race-list-heading a{color:var(--account-text);font-size:.68rem;text-decoration:underline;text-underline-offset:3px;text-transform:none;letter-spacing:0}
#app .races-page .race-sample-badge{padding:5px 8px;border:1px solid var(--account-line);border-radius:5px;background:var(--account-raised)}
#app .races-page .race-table{overflow-x:auto;border:1px solid var(--account-line);border-radius:12px;background:var(--account-surface)}
#app .races-page .race-table-inner{min-width:520px}
#app .races-page .race-table-head,#app .races-page .race-table-row{display:grid;grid-template-columns:56px minmax(125px,1.4fr) minmax(125px,1fr) minmax(115px,.8fr);gap:12px;align-items:center;min-height:53px;padding:11px 19px}
#app .races-page .race-table-head{background:var(--account-raised);color:var(--account-muted);font-size:.67rem}
#app .races-page .race-table-head span:last-child,#app .races-page .race-table-row>strong:last-child{text-align:right}
#app .races-page .race-table-row{border-top:1px solid var(--account-line);color:var(--account-muted);font-size:.78rem;font-variant-numeric:tabular-nums}
#app .races-page .race-table-row>strong{color:var(--account-text);font-size:.81rem}
#app .races-page .race-table-row>strong small{display:block;margin-top:2px;color:var(--account-muted);font-size:.62rem;font-weight:500}
#app .races-page .race-table-row.is-you{background:var(--account-raised)}
#app .races-page .race-placement{color:var(--account-muted);font-weight:800}
#app .races-page .race-placement.podium{display:inline-flex;align-items:center;gap:4px;font-size:1rem}
#app .races-page .race-trophy{width:16px;height:16px;flex:none}
#app .races-page .race-placement.podium-1{color:#f2ce6e}#app .races-page .race-placement.podium-2{color:#d5dee5}#app .races-page .race-placement.podium-3{color:#dc9c76}
#app .races-page .race-empty{padding:53px 20px}
@media(max-width:760px){#app .races-page .races-hero{min-height:270px;padding:25px 22px;background-position:center right}#app .races-page .race-controls{align-items:stretch;flex-wrap:wrap}#app .races-page .races-tabs{margin-left:auto}#app .races-page .races-tabs button{min-width:67px;padding:8px 10px}}
@media(max-width:440px){#app .races-page .races-hero{background-image:linear-gradient(90deg,rgba(8,12,19,.95),rgba(8,12,19,.45)),url('./assets/preview-2026-10/monthly-race.png')}#app .races-page .races-tabs{width:100%;margin-left:0}#app .races-page .races-tabs button{flex:1}}

/* Account records: one quiet layout for every theme. */
#app .account-section-page .member-sample-badge{padding:5px 8px;border:1px solid var(--account-line);border-radius:5px;color:var(--account-muted);font-size:.61rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}
#app .account-section-page .member-sample-toggle{display:inline-flex;align-items:center;padding:8px 11px;border:1px solid var(--account-line);border-radius:7px;background:var(--account-raised);color:var(--account-text);font-size:.73rem;font-weight:800;text-decoration:none;white-space:nowrap}
#app .account-section-page .member-sample-toggle:hover{filter:brightness(1.12)}
#app .account-section-page .member-account-toolbar,#app .member-transactions-page .member-demo-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:37px;margin-bottom:12px}
#app .member-transactions-page .member-transactions-layout{display:grid;grid-template-columns:minmax(165px,205px) minmax(0,1fr);gap:15px;align-items:start}
#app .member-transactions-page .member-transaction-categories{display:grid;gap:4px;padding:9px;border:1px solid var(--account-line);border-radius:12px;background:var(--account-surface)}
#app .member-transactions-page .member-transaction-categories button{min-height:46px;padding:10px 13px;border:0;border-radius:7px;background:transparent;color:var(--account-muted);font-size:.79rem;font-weight:800;text-align:left}
#app .member-transactions-page .member-transaction-categories button.active,#app .member-transactions-page .member-transaction-categories button:hover{background:var(--account-raised);color:var(--account-text)}
#app .member-transactions-page .member-transaction-categories button.active{box-shadow:inset 3px 0 0 var(--account-accent)}
#app .member-transactions-page .member-transaction-panel{min-width:0;padding:12px;border:1px solid var(--account-line);border-radius:12px;background:var(--account-surface)}
#app .member-transactions-page .member-transaction-list{overflow-x:auto;border:1px solid var(--account-line);border-radius:9px;background:var(--account-inset)}
#app .member-transactions-page .member-transaction-list-head,#app .member-transactions-page .member-transaction-entry summary{display:grid;grid-template-columns:minmax(105px,1fr) minmax(135px,1.2fr) minmax(90px,.8fr) minmax(130px,1.1fr);gap:12px;align-items:center;min-width:565px;padding:14px 17px}
#app .member-transactions-page .member-transaction-list-head{background:var(--account-raised);color:var(--account-muted);font-size:.67rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#app .member-transactions-page .member-transaction-list-head span:first-child{padding-left:27px}
#app .member-transactions-page .member-transaction-entry{border-top:1px solid var(--account-line)}
#app .member-transactions-page .member-transaction-entry summary{color:var(--account-text);font-size:.77rem;cursor:pointer;list-style:none}
#app .member-transactions-page .member-transaction-entry summary::-webkit-details-marker{display:none}
#app .member-transactions-page .member-transaction-entry summary:hover{background:var(--account-raised)}
#app .member-transactions-page .member-transaction-date{display:flex;align-items:center;gap:9px;min-width:0;color:var(--account-muted);white-space:nowrap}
#app .member-transactions-page .member-transaction-date i{display:block;flex:none;width:18px;height:18px;position:relative;transition:transform .15s}
#app .member-transactions-page .member-transaction-date i::after{content:"";position:absolute;top:5px;left:6px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
#app .member-transactions-page .member-transaction-entry[open] .member-transaction-date i{transform:rotate(180deg)}
#app .member-transactions-page .member-transaction-entry summary strong{white-space:nowrap;font-variant-numeric:tabular-nums}
#app .member-transactions-page .member-transaction-entry summary>span:last-child{color:var(--account-muted)}
#app .member-transactions-page .member-transaction-detail{display:flex;justify-content:space-between;gap:12px;min-width:565px;padding:10px 17px 13px 40px;border-top:1px solid var(--account-line);background:var(--account-surface);color:var(--account-muted);font-size:.68rem}
#app .member-transactions-page .member-transaction-detail span:first-child{color:var(--account-text);font-weight:700}
#app .account-section-page .member-table-row .member-game-result{display:flex;flex-direction:column;gap:2px;color:var(--account-muted)}
#app .account-section-page .member-game-result.is-win b{color:#a9d9bc}
#app .member-referrals-page .member-referral-link{width:fit-content;max-width:100%;margin-top:14px;padding:11px 13px;border:1px solid var(--account-line);border-radius:7px;background:var(--account-inset);color:var(--account-text);font-size:.82rem;font-weight:750;overflow-wrap:anywhere}
#app .member-referrals-page .member-referral-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}
#app .member-referrals-page .member-referral-stats>div{display:flex;flex-direction:column;gap:5px;padding:13px 10px;border:1px solid var(--account-line);border-radius:7px;background:var(--account-inset)}
#app .member-referrals-page .member-referral-stats strong{font-size:1.25rem;color:var(--account-text)}
#app .member-referrals-page .member-referral-stats small{font-size:.67rem;color:var(--account-muted)}
#app>.member-referrals-page{padding-right:max(24px,calc((100vw - var(--rail-width) - 980px)/2));padding-left:max(24px,calc((100vw - var(--rail-width) - 980px)/2))}
#app .member-referrals-page{--referral-highlight:#b8f36a;--referral-surface:#20303a;--referral-inset:#283c46;--referral-line:#a9bdc02e}
html[data-site-mode="black"] #app .member-referrals-page{--referral-surface:#171a1b;--referral-inset:#202425;--referral-line:#ffffff21}
html[data-site-mode="light"] #app .member-referrals-page{--referral-surface:#2b495e;--referral-inset:#385b72;--referral-line:#c3dbe450}
#app .member-referrals-page .member-referral-header{position:relative;min-height:45px;margin-bottom:22px}
#app .member-referrals-page .member-referral-header .member-subnav{margin-bottom:0}
#app .member-referrals-page .member-referral-header .member-account-toolbar{position:absolute;top:3px;right:0;min-height:37px;margin:0}
#app .member-referrals-page .member-referral-top{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,1fr);gap:20px;align-items:stretch}
#app .member-referrals-page .member-referral-invite,#app .member-referrals-page .member-referral-commission,#app .member-referrals-page .member-referral-campaign-card,#app .member-referrals-page .member-referral-table{border:1px solid var(--referral-line);border-radius:12px;background:var(--referral-surface)}
#app .member-referrals-page .member-referral-invite{display:flex;flex-direction:column;min-height:240px;padding:25px 25px 22px}
#app .member-referrals-page .member-referral-invite h1{margin:0;color:var(--account-text);font:750 1.35rem/1.3 'DM Sans',sans-serif;letter-spacing:-.025em;text-transform:none}
#app .member-referrals-page .member-referral-invite p{max-width:51ch;margin:13px 0 19px;color:var(--account-muted);font-size:.82rem;line-height:1.6}
#app .member-referrals-page .member-referral-share{display:flex;align-items:stretch;gap:7px;margin-top:auto}
#app .member-referrals-page .member-referral-link-field{display:flex;align-items:center;min-width:0;flex:1;min-height:39px;border:1px solid var(--referral-line);border-radius:8px;background:var(--referral-inset)}
#app .member-referrals-page .member-referral-url{min-width:0;flex:1;padding:0 12px;color:var(--account-text);font-size:.78rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .member-referrals-page .member-referral-copy{display:grid;place-items:center;flex:none;width:35px;height:31px;margin-right:4px;border:0;border-radius:6px;background:var(--referral-surface);color:var(--account-text);cursor:pointer}
#app .member-referrals-page .member-referral-copy:hover{background:var(--account-raised)}
#app .member-referrals-page .member-referral-copy:disabled{opacity:.45;cursor:not-allowed}
#app .member-referrals-page .member-referral-icon-button{display:grid;place-items:center;flex:none;width:39px;height:39px;border:1px solid var(--referral-line);border-radius:8px;background:var(--referral-inset);color:var(--account-text);font-size:1.1rem;font-weight:850;cursor:pointer}
#app .member-referrals-page .member-referral-social-logo{display:block;width:19px;height:19px;object-fit:contain}
#app .member-referrals-page .member-referral-icon-button[aria-label="Share on X"] .member-referral-social-logo{width:17px;height:17px}
#app .member-referrals-page .member-referral-icon-button:hover{background:var(--account-raised)}
#app .member-referrals-page .member-referral-commission{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:240px;padding:22px 23px;overflow:hidden;background:radial-gradient(circle at 81% 28%,#b8f36a45,transparent 45%),linear-gradient(120deg,#26392e,#1c332c 75%);color:#f6ffec}
#app .member-referrals-page .member-referral-commission-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;margin-bottom:auto;padding-top:33px}
#app .member-referrals-page .member-referral-commission-copy strong{font-size:2.3rem;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.045em}
#app .member-referrals-page .member-referral-commission-copy span{color:var(--referral-highlight);font-size:.91rem;font-weight:750}
#app .member-referrals-page .member-referral-art{position:absolute;right:3px;top:3px;width:min(42%,175px);height:auto;filter:drop-shadow(0 14px 12px #0005)}
#app .member-referrals-page .member-referral-claim,#app .member-referrals-page .member-referral-create{min-height:43px;border:0;border-radius:8px;background:var(--referral-highlight);color:#152119;font-size:.81rem;font-weight:850}
#app .member-referrals-page .member-referral-claim{position:relative;z-index:1;width:100%;cursor:not-allowed;opacity:.55}
#app .member-referrals-page .member-referral-bottom{display:grid;grid-template-columns:minmax(245px,.67fr) minmax(0,1.43fr);gap:20px;margin-top:24px}
#app .member-referrals-page .member-referral-campaigns,#app .member-referrals-page .member-referral-recent{min-width:0}
#app .member-referrals-page .member-referral-bottom h2{margin:0 0 12px;color:var(--account-text);font-size:1.03rem;line-height:1.25}
#app .member-referrals-page .member-referral-campaign-card{display:flex;flex-direction:column;align-items:center;min-height:285px;padding:20px 18px}
#app .member-referrals-page .member-referral-gauge{position:relative;width:min(100%,220px);height:125px;color:var(--account-muted)}
#app .member-referrals-page .member-referral-gauge svg{display:block;width:100%;height:100%}
#app .member-referrals-page .member-referral-gauge>div{position:absolute;right:0;bottom:12px;left:0;display:flex;flex-direction:column;align-items:center;gap:4px}
#app .member-referrals-page .member-referral-gauge span{color:var(--account-muted);font-size:.77rem;font-weight:650}
#app .member-referrals-page .member-referral-gauge strong{color:var(--account-text);font-size:1.45rem;font-variant-numeric:tabular-nums}
#app .member-referrals-page .member-referral-campaign-card p{max-width:245px;margin:8px auto 13px;color:var(--account-muted);font-size:.73rem;line-height:1.35;text-align:center}
#app .member-referrals-page .member-referral-campaign-list{display:grid;gap:9px;width:100%;margin:3px 0 14px}
#app .member-referrals-page .member-referral-campaign-item{display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--referral-line)}
#app .member-referrals-page .member-referral-campaign-item>strong{color:var(--account-text);font-size:.76rem}
#app .member-referrals-page .member-referral-campaign-item .member-referral-link-field{width:100%;min-height:36px;max-height:36px}
#app .member-referrals-page .member-referral-campaign-item .member-referral-url{font-size:.67rem}
#app .member-referrals-page .member-referral-create{width:100%;margin-top:auto;cursor:pointer}
#app .member-referrals-page .member-referral-create:hover{filter:brightness(1.07)}
#app .member-referrals-page .member-referral-table{min-height:285px;overflow-x:auto}
#app .member-referrals-page .member-referral-table-head,#app .member-referrals-page .member-referral-row{display:grid;grid-template-columns:minmax(88px,1.1fr) minmax(75px,.8fr) minmax(100px,1fr) minmax(84px,.85fr) minmax(86px,.9fr) minmax(60px,.6fr);gap:9px;align-items:center;min-width:590px;padding:10px 15px}
#app .member-referrals-page .member-referral-table-head{background:var(--account-raised);color:var(--account-muted);font-size:.65rem;font-weight:800}
#app .member-referrals-page .member-referral-row{border-top:1px solid var(--account-line);color:var(--account-muted);font-size:.72rem;font-variant-numeric:tabular-nums}
#app .member-referrals-page .member-referral-row strong{color:var(--account-text);font-size:.74rem;white-space:nowrap}
#app .member-referrals-page .member-referral-empty{display:grid;place-items:center;min-height:205px;padding:22px;color:var(--account-muted);font-size:.8rem;text-align:center}
#app .member-referral-modal-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:#000b;backdrop-filter:blur(2px)}
#app .member-referral-dialog{position:relative;width:min(420px,100%);padding:26px;border:1px solid var(--account-line);border-radius:15px;background:var(--account-surface);color:var(--account-text);box-shadow:0 24px 70px #0008}
#app .member-referral-dialog h2{margin:0 35px 7px 0;font-size:1.18rem}
#app .member-referral-dialog p{margin:0 0 24px;color:var(--account-muted);font-size:.8rem}
#app .member-referral-dialog-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--account-line);border-radius:8px;background:var(--account-inset);color:var(--account-text);font-size:1.4rem;line-height:1}
#app .member-referral-dialog form{display:grid;gap:10px}
#app .member-referral-dialog label{color:var(--account-text);font-size:.78rem;font-weight:750}
#app .member-referral-dialog input{width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--account-line);border-radius:8px;background:var(--account-inset);color:var(--account-text);outline:none}
#app .member-referral-dialog input:focus{border-color:var(--referral-highlight,#b8f36a)}
#app .member-referral-dialog form small{min-height:18px;color:var(--account-muted);font-size:.7rem}
#app .member-referral-dialog form button{min-height:44px;border:0;border-radius:8px;background:#b8f36a;color:#172018;font-size:.82rem;font-weight:850}
#app .member-referral-dialog form button:disabled{opacity:.6;cursor:wait}
@media(max-width:1250px){#app .member-referrals-page .member-referral-header{min-height:91px}#app .member-referrals-page .member-referral-header .member-account-toolbar{top:50px}}
@media(max-width:1180px){#app .member-referrals-page .member-referral-bottom{grid-template-columns:1fr}}
@media(max-width:1080px){#app .member-referrals-page .member-referral-top{grid-template-columns:1fr 1fr}#app .member-referrals-page .member-referral-art{width:44%}}
@media(max-width:990px){#app .member-referrals-page .member-referral-top{grid-template-columns:1fr}}
@media(max-width:780px){#app .member-referrals-page .member-referral-top,#app .member-referrals-page .member-referral-bottom{grid-template-columns:1fr}#app .member-referrals-page .member-referral-invite,#app .member-referrals-page .member-referral-commission{min-height:245px}#app .member-referrals-page .member-referral-campaign-card{min-height:295px}#app .member-referrals-page .member-referral-table{min-height:260px}}
@media(max-width:460px){#app .member-referrals-page .member-referral-invite{padding:22px 18px}#app .member-referrals-page .member-referral-share{flex-wrap:wrap}#app .member-referrals-page .member-referral-link-field{flex-basis:100%}#app .member-referrals-page .member-referral-icon-button{flex:1}#app .member-referrals-page .member-referral-commission-copy strong{font-size:2.1rem}}
@media(max-width:760px){#app .member-transactions-page .member-transactions-layout{grid-template-columns:1fr;gap:10px}#app .member-transactions-page .member-transaction-categories{display:flex;overflow-x:auto}#app .member-transactions-page .member-transaction-categories button{flex:none;min-height:38px;padding:9px 12px;white-space:nowrap}#app .member-transactions-page .member-transaction-categories button.active{box-shadow:inset 0 -3px 0 var(--account-accent)}#app .member-transactions-page .member-transaction-panel{padding:9px}#app .member-game-history-page .member-table,#app .member-referrals-page .member-table{overflow-x:auto}#app .member-game-history-page .member-table-head,#app .member-game-history-page .member-table-row,#app .member-referrals-page .member-table-head,#app .member-referrals-page .member-table-row{grid-template-columns:1.4fr 1fr 1fr 1fr;min-width:585px}#app .member-game-history-page .member-table-head span:nth-child(3),#app .member-game-history-page .member-table-row>span:nth-child(3),#app .member-referrals-page .member-table-head span:nth-child(3),#app .member-referrals-page .member-table-row>span:nth-child(3){display:block}}

/* My Bets follows the transaction page's two-column rhythm. */
#app .member-game-history-page .member-bets-layout{display:grid;grid-template-columns:minmax(165px,205px) minmax(0,1fr);gap:15px;align-items:start}
#app .member-game-history-page .member-bets-categories{display:grid;gap:4px;padding:9px;border:1px solid var(--account-line);border-radius:12px;background:var(--account-surface)}
#app .member-game-history-page .member-bets-categories button{min-height:46px;padding:10px 13px;border:0;border-radius:7px;background:transparent;color:var(--account-muted);font-size:.79rem;font-weight:800;text-align:left}
#app .member-game-history-page .member-bets-categories button.active,#app .member-game-history-page .member-bets-categories button:hover{background:var(--account-raised);color:var(--account-text)}
#app .member-game-history-page .member-bets-categories button.active{box-shadow:inset 3px 0 0 var(--account-accent)}
#app .member-game-history-page .member-bets-panel{min-width:0;padding:12px;border:1px solid var(--account-line);border-radius:12px;background:var(--account-surface)}
#app .member-game-history-page .member-bets-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#app .member-game-history-page .member-bets-status{display:flex;gap:3px;padding:4px;border:1px solid var(--account-line);border-radius:999px;background:var(--account-inset)}
#app .member-game-history-page .member-bets-status button{min-width:76px;padding:8px 13px;border:0;border-radius:999px;background:transparent;color:var(--account-muted);font-size:.75rem;font-weight:800}
#app .member-game-history-page .member-bets-status button.active{background:var(--account-raised);color:var(--account-text)}
#app .member-game-history-page .member-bets-status button:disabled{opacity:.45}
#app .member-game-history-page .member-demo-controls{min-height:0;margin:0}
#app .member-game-history-page .member-bets-list{overflow-x:auto;border:1px solid var(--account-line);border-radius:9px;background:var(--account-inset)}
#app .member-game-history-page .member-bet-head,#app .member-game-history-page .member-bet-row{display:grid;grid-template-columns:minmax(106px,1.05fr) minmax(112px,1fr) minmax(76px,.7fr) minmax(112px,1fr) minmax(130px,1.25fr) minmax(80px,.85fr);gap:9px;align-items:center;min-width:720px;padding:14px 15px}
#app .member-game-history-page .member-bet-head{background:var(--account-raised);color:var(--account-muted);font-size:.65rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
#app .member-game-history-page .member-bet-row{border-top:1px solid var(--account-line);color:var(--account-muted);font-size:.74rem;font-variant-numeric:tabular-nums}
#app .member-game-history-page .member-bet-row strong{color:var(--account-text);font-size:.75rem;white-space:nowrap}
#app .member-game-history-page .member-bet-row strong.member-sample-credit{color:#a9d9bc}
#app .member-game-history-page .member-bet-row .member-bet-game{color:var(--account-text);font-weight:700}
#app .member-game-history-page .member-bet-row .member-bet-id{font-size:.68rem;white-space:nowrap}
#app .member-game-history-page .member-poker-head,#app .member-game-history-page .member-poker-row{display:grid;gap:9px;align-items:center;min-width:760px;padding:14px 15px}
#app .member-game-history-page .member-poker-session-row{grid-template-columns:minmax(94px,.85fr) minmax(140px,1.25fr) minmax(105px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(83px,.8fr)}
#app .member-game-history-page .member-poker-hand-row{grid-template-columns:minmax(94px,.9fr) minmax(90px,.85fr) minmax(78px,.7fr) minmax(145px,1.3fr) minmax(110px,1fr) minmax(85px,.8fr)}
#app .member-game-history-page .member-poker-head{background:var(--account-raised);color:var(--account-muted);font-size:.65rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
#app .member-game-history-page .member-poker-row{border-top:1px solid var(--account-line);color:var(--account-muted);font-size:.74rem;font-variant-numeric:tabular-nums}
#app .member-game-history-page .member-poker-row strong{color:var(--account-text);font-size:.75rem;white-space:nowrap}
#app .member-game-history-page .member-poker-row .member-bet-game{color:var(--account-text);font-weight:700}
#app .member-game-history-page .member-poker-row .member-bet-game small{display:block;margin-top:3px;color:var(--account-muted);font-size:.66rem;font-weight:500}
#app .member-game-history-page .member-poker-row strong.member-sample-credit{color:#a9d9bc}
#app .member-game-history-page .member-poker-row strong.member-sample-debit{color:#e6b1a8}
#app .member-game-history-page .member-poker-row .member-bet-id{font-size:.68rem;white-space:nowrap}
@media(max-width:760px){#app .member-game-history-page .member-bets-layout{grid-template-columns:1fr;gap:10px}#app .member-game-history-page .member-bets-categories{display:flex;overflow-x:auto}#app .member-game-history-page .member-bets-categories button{flex:1;min-height:38px;text-align:center}#app .member-game-history-page .member-bets-categories button.active{box-shadow:inset 0 -3px 0 var(--account-accent)}#app .member-game-history-page .member-bets-panel{padding:9px}#app .member-game-history-page .member-bets-controls{flex-wrap:wrap}#app .member-game-history-page .member-demo-controls{margin-left:auto}}

/* Rewards keeps its layout; quiet surfaces replace the hard lime side rails. */
#app .og-rewards-reference.og-reward-palette-cobalt .og-feature-rewards>.og-reward-feature:nth-child(n),#app .og-rewards-reference.og-reward-palette-cobalt .og-vip-feature,#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-panel{border-color:var(--account-line);background:var(--account-surface);box-shadow:none}
#app .og-rewards-reference.og-reward-palette-cobalt .og-feature-rewards>.og-reward-feature::before{display:none}
#app .og-rewards-reference.og-reward-palette-cobalt .og-feature-top{background:var(--account-raised)}
#app .og-rewards-reference.og-reward-palette-cobalt .og-feature-icon,#app .og-rewards-reference.og-reward-palette-cobalt .og-vip-feature-icon{border-color:var(--account-line);background:var(--account-inset);color:var(--account-accent)}
#app .og-rewards-reference.og-reward-palette-cobalt .og-reward-amounts,#app .og-rewards-reference.og-reward-palette-cobalt .og-boost-stage,#app .og-rewards-reference.og-reward-palette-cobalt .og-upcoming-feature .og-upcoming-detail{background:var(--account-surface)}
#app .og-rewards-reference.og-reward-palette-cobalt .og-reward-amounts>div:last-child strong{color:var(--account-accent)}
#app .og-rewards-reference.og-reward-palette-cobalt .og-reward-amounts button,#app .og-rewards-reference.og-reward-palette-cobalt .og-reward-amounts span,#app .og-rewards-reference.og-reward-palette-cobalt .og-vip-feature-perks span{border-color:var(--account-line);background:var(--account-raised);color:var(--account-text)}
#app .og-rewards-reference.og-reward-palette-cobalt .og-vip-unlock{border-color:var(--account-line);background:var(--account-raised);color:var(--account-text)}
#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-period button.active{background:var(--account-raised);color:var(--account-text)}
#app .og-rewards-reference.og-reward-palette-cobalt .og-gameplay-metrics{border-color:var(--account-line)}

@media(max-width:760px){#app>.account-section-page{width:100%;margin-left:0;padding:18px 15px 65px}#app .account-section-page .member-subnav{justify-content:flex-start;width:100%;max-width:100%;margin-bottom:24px;overflow-x:auto;scrollbar-width:thin}#app .account-section-page .member-settings-layout{grid-template-columns:1fr;gap:12px}#app .account-section-page .member-settings-side{display:flex;overflow-x:auto}#app .account-section-page .member-settings-side button{flex:none;min-height:39px;white-space:nowrap}#app .account-section-page .member-page-title h1{font-size:2.45rem}#app .account-section-page .member-dashboard-grid{grid-template-columns:1fr}#app .account-section-page .member-feature-panel{min-height:0}#app .account-section-page .race-table-head{grid-template-columns:32px 1.2fr 1fr 1fr;gap:6px;padding:13px;font-size:.58rem}#app .member-transactions-page .member-demo-controls{width:100%;justify-content:flex-end}}


/* og-store-live.css */
#app>.og-store-live-page{box-sizing:border-box;width:calc(100% - var(--rail-width));max-width:none;height:calc(100dvh - 72px);min-height:0;margin:0 0 0 var(--rail-width);padding:0;background:#050505;overflow:hidden}
.og-store-live-page og-store-carousel{display:block;width:100%;height:100%}
@media(max-width:1080px){#app>.og-store-live-page{width:100%;height:calc(100dvh - 60px);margin-left:0}}


/* rewards-premium.css */
/* Rewards hierarchy uses the same navy, charcoal and lime as the OG Betz shell. */
html #app .og-rewards-reference.og-rewards-premium{
  --reward-page:#090b0d;
  --reward-surface:#2c4a60;
  --reward-inset:#244055;
  --reward-line:#86aebe68;
  --reward-text:#f4f8f7;
  --reward-muted:#b8cbd0;
  --reward-accent:#a6eb61;
  color:var(--reward-text);
  background:var(--reward-page);
}
html[data-site-mode="black"] #app .og-rewards-reference.og-rewards-premium{
  --reward-page:#050708;
  --reward-muted:#b5c4c1;
}
html[data-site-mode="light"] #app .og-rewards-reference.og-rewards-premium{
  --reward-page:#1b3043;
  --reward-muted:#d1e2e7;
}
html #app .og-rewards-reference.og-rewards-premium .og-rewards-profile{
  height:auto;
  min-height:0;
  grid-template-columns:92px minmax(0,1fr) 264px;
  gap:20px;
  padding:18px clamp(24px,4.5vw,64px);
  border-bottom:1px solid var(--reward-line);
  background:linear-gradient(110deg,#20384d,#2c4a60 68%,#244258);
}
html[data-site-mode="black"] #app .og-rewards-reference.og-rewards-premium .og-rewards-profile{
  background:linear-gradient(110deg,#20384d,#2c4a60 68%,#244258);
}
html[data-site-mode="light"] #app .og-rewards-reference.og-rewards-premium .og-rewards-profile{
  background:linear-gradient(110deg,#20384d,#2c4a60 68%,#244258);
}
html #app .og-rewards-reference.og-rewards-premium .og-rewards-profile::before{display:none}
html #app .og-rewards-reference.og-rewards-premium .og-rewards-profile::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.08;
  background:radial-gradient(#d6f5c5 1px,transparent 1.2px) 0 0/17px 17px;
  mask-image:linear-gradient(90deg,#0008,transparent 30%,transparent 74%,#0008);
}
html #app .og-rewards-reference.og-rewards-premium .og-profile-avatar{
  width:92px;
  height:132px;
  border:1px solid var(--reward-line);
  border-radius:8px;
  background:#20384d;
  box-shadow:0 8px 20px #06151c55;
}
html #app .og-rewards-reference.og-rewards-premium .og-profile-avatar img{width:86px;height:82px}
html #app .og-rewards-reference.og-rewards-premium .og-profile-avatar small,
html #app .og-rewards-reference.og-rewards-premium .og-profile-levels span.current{color:#c9ff88}
html #app .og-rewards-reference.og-rewards-premium .og-profile-main h1{color:#fff;font-size:clamp(1.2rem,2vw,1.8rem)}
html #app .og-rewards-reference.og-rewards-premium .og-profile-segments>span{background:#ffffff24}
html #app .og-rewards-reference.og-rewards-premium .og-profile-segments>span.current{background:#a8e45f4d}
html #app .og-rewards-reference.og-rewards-premium .og-profile-segments>span.current::before{display:none}
html #app .og-rewards-reference.og-rewards-premium .og-profile-segments i{background:linear-gradient(90deg,#8bd632,#c4ff69)}
html #app .og-rewards-reference.og-rewards-premium .og-profile-bottom{color:#c1d5d5}
html #app .og-rewards-reference.og-rewards-premium .og-profile-bottom strong{color:#fff}
html #app .og-rewards-reference.og-rewards-premium .og-ranks-trigger{
  padding:7px 13px;
  border:1px solid #a6eb61;
  border-radius:7px;
  background:#a6eb61;
  box-shadow:none;
  color:#17251a;
  font-weight:800;
  cursor:pointer;
}
html #app .og-rewards-reference.og-rewards-premium .og-ranks-trigger:hover,
html #app .og-rewards-reference.og-rewards-premium .og-ranks-trigger:focus-visible{background:#c6ff78;color:#142117;outline:2px solid #e2ffb2;outline-offset:2px}
html #app .og-rewards-reference.og-rewards-premium .og-profile-stats{gap:7px}
html #app .og-rewards-reference.og-rewards-premium .og-profile-stats>div:nth-child(n){
  min-height:56px;
  padding:8px 10px;
  border:1px solid #b2d3cf42;
  border-radius:8px;
  background:#ffffff0d;
  box-shadow:none;
  backdrop-filter:none;
}
html #app .og-rewards-reference.og-rewards-premium .og-profile-stats strong{color:#fff;font-size:.88rem}
html #app .og-rewards-reference.og-rewards-premium .og-profile-stats small{color:#c6d9d6;font-size:.56rem}
html #app .og-rewards-reference.og-rewards-premium .og-stat-icon{color:var(--reward-accent)}
html #app .og-rewards-reference.og-rewards-premium .og-dashboard-heading{margin-top:24px;margin-bottom:13px}
html #app .og-rewards-reference.og-rewards-premium .og-dashboard-heading h2{color:var(--reward-text);font-size:1.34rem}
html #app .og-rewards-reference.og-rewards-premium .og-dashboard-heading .nav-icon{color:var(--reward-accent)}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards{
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:196px 144px;
  grid-auto-rows:144px;
  gap:13px;
}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-reward-feature:nth-child(-n+2){grid-column:span 6}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-reward-feature:nth-child(n+3){grid-column:span 3}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-reward-feature:nth-child(n){
  min-height:0;
  overflow:visible;
  border:1px solid var(--reward-line);
  border-left:4px solid var(--reward-accent);
  border-radius:11px;
  background:var(--reward-surface);
  box-shadow:0 6px 16px #06141d2b;
}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-reward-feature:nth-child(1),
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-reward-feature:nth-child(2){
  background:var(--reward-surface);
}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-reward-feature:nth-child(n+3){background:var(--reward-surface)}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-reward-feature::before{display:none}
html #app .og-rewards-reference.og-rewards-premium .og-feature-top{min-height:0;padding:14px 16px 0;background:none}
html #app .og-rewards-reference.og-rewards-premium .og-feature-top h3{color:var(--reward-text);font-size:.82rem;letter-spacing:.02em}
html #app .og-rewards-reference.og-rewards-premium .og-feature-icon{
  width:29px;height:29px;border:1px solid #a6eb6166;border-radius:7px;background:#a6eb6114;color:#b8e88b;
}
html #app .og-rewards-reference.og-rewards-premium .og-feature-icon svg{width:18px;height:18px}
html #app .og-rewards-reference.og-rewards-premium .og-reward-info summary{border-color:#b5cdca72;background:#ffffff0b;color:#d8e8e4}
html #app .og-rewards-reference.og-rewards-premium .og-reward-info summary:hover,
html #app .og-rewards-reference.og-rewards-premium .og-reward-info[open] summary{border-color:var(--reward-accent);background:#a6eb6124;color:#fff}
html #app .og-rewards-reference.og-rewards-premium .og-reward-info-popover{border-color:var(--reward-line);background:var(--reward-inset);color:var(--reward-text)}
html #app .og-rewards-reference.og-rewards-premium .og-primary-description{margin:5px 16px 0;color:var(--reward-muted);font-size:.69rem;line-height:1.35}
html #app .og-rewards-reference.og-rewards-premium .og-rakeback-body,
html #app .og-rewards-reference.og-rewards-premium .og-boost-stage{
  display:flex;flex:1;flex-direction:column;justify-content:flex-end;margin-top:9px;padding:10px 16px 13px;
  border-radius:0 0 10px 10px;background:#10222d59;
}
html #app .og-rewards-reference.og-rewards-premium .og-primary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:9px}
html #app .og-rewards-reference.og-rewards-premium .og-primary-metrics>div{display:grid;gap:2px}
html #app .og-rewards-reference.og-rewards-premium .og-primary-metrics strong{color:#fff;font-size:1.25rem;line-height:1.15}
html #app .og-rewards-reference.og-rewards-premium .og-primary-metrics small{color:var(--reward-muted);font-size:.6rem}
html #app .og-rewards-reference.og-rewards-premium .og-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html #app .og-rewards-reference.og-rewards-premium .og-primary-actions span{
  display:grid;place-items:center;min-height:28px;padding:4px 7px;border:1px solid var(--reward-line);
  border-radius:6px;background:#a6eb6114;color:#dcf8cb;font-size:.62rem;font-weight:800;text-align:center;
}
html #app .og-rewards-reference.og-rewards-premium .og-primary-actions span:last-child{background:#ffffff0b;color:#d3e2df}
html #app .og-rewards-reference.og-rewards-premium .og-boost-stage{justify-content:center;min-height:0;padding:8px 16px 12px}
html #app .og-rewards-reference.og-rewards-premium .og-stage-caption{margin-bottom:11px}
html #app .og-rewards-reference.og-rewards-premium .og-stage-caption small{color:var(--reward-muted)}
html #app .og-rewards-reference.og-rewards-premium .og-stage-caption strong{color:#d7f6c0}
html #app .og-rewards-reference.og-rewards-premium .og-boost-dots::before{background:#738e77}
html #app .og-rewards-reference.og-rewards-premium .og-boost-dots>span{width:29px;height:29px;border-color:#7e9693;background:#263a43;color:#f5f8f7;font-size:.71rem}
html #app .og-rewards-reference.og-rewards-premium .og-boost-dots>span.done{border-color:#92e34d;background:#2d6c31;color:#fff}
html #app .og-rewards-reference.og-rewards-premium .og-boost-dots>span.boost-target{border-color:#a0e963;background:#314932;color:#e9ffd6}
html #app .og-rewards-reference.og-rewards-premium .og-boost-tick{background:var(--reward-accent);color:#183016}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-compact-reward .og-feature-top,
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-defined-bonus .og-feature-top{padding:11px 10px 0;gap:6px}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-compact-reward .og-feature-top h3,
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-defined-bonus .og-feature-top h3{font-size:.67rem;white-space:nowrap}
html #app .og-rewards-reference.og-rewards-premium .og-compact-body{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px 10px 12px}
html #app .og-rewards-reference.og-rewards-premium .og-compact-body strong{max-width:none;color:#f5f8f3;font-size:1.55rem;line-height:1}
html #app .og-rewards-reference.og-rewards-premium .og-compact-body span{
  display:grid;place-items:center;min-height:27px;width:100%;border:1px solid var(--reward-line);
  border-radius:6px;background:#ffffff0b;color:#d5e5df;font-size:.6rem;font-weight:800;text-align:center;
}
html #app .og-rewards-reference.og-rewards-premium .og-level-bonus .og-upcoming-detail,
html #app .og-rewards-reference.og-rewards-premium .og-period-bonus .og-upcoming-detail{
  flex:1;justify-content:center;margin-top:0;padding:10px;border-radius:0 0 10px 10px;background:#10222d38;
}
html #app .og-rewards-reference.og-rewards-premium .og-level-bonus-amount{color:#fff;font-size:2.5rem;text-align:center}
html #app .og-rewards-reference.og-rewards-premium .og-period-flow{gap:6px}
html #app .og-rewards-reference.og-rewards-premium .og-period-flow>strong{color:#f3f7f5;font-size:.68rem}
html #app .og-rewards-reference.og-rewards-premium .og-period-flow-line{color:var(--reward-accent)}
html #app .og-rewards-reference.og-rewards-premium .og-period-cash i{border-color:#a6eb61;background:#a6eb611c;color:#c8f9a4}
html #app .og-rewards-reference.og-rewards-premium .og-period-cash b{color:#f3f8f2}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature{
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr) auto;gap:20px;margin-top:15px;min-height:118px;padding:18px 22px;
  border:1px solid var(--reward-line);border-radius:11px;
  background:var(--reward-surface);
  box-shadow:0 6px 16px #06141d2b;
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-icon{border-color:#a6eb6167;background:#a6eb6114;color:#c9f7a3}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-heading h3{color:#fff;font-size:1rem}
html #app .og-rewards-reference.og-rewards-premium .og-vip-unlock{border-color:#a6eb6167;background:#a6eb6114;color:#ddf8cd}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-perks span{border-color:var(--reward-line);background:#ffffff0b;color:#dbe7e4}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature>a{
  display:grid;place-items:center;min-height:36px;padding:0 13px;border:1px solid #a6eb6196;border-radius:7px;
  background:var(--reward-accent);color:#182718;text-align:center;
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature>a:hover,
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature>a:focus-visible{background:#ccff80;color:#142316;outline:2px solid #e6ffc2;outline-offset:2px;text-decoration:none}
html #app .og-rewards-reference.og-rewards-premium .og-gameplay-panel{
  border:1px solid var(--reward-line);border-radius:11px;background:var(--reward-surface);box-shadow:0 6px 16px #06141d2b;
}
html #app .og-rewards-reference.og-rewards-premium .og-gameplay-head{border-bottom-color:var(--reward-line)}
html #app .og-rewards-reference.og-rewards-premium .og-gameplay-head h2{color:#fff}
html #app .og-rewards-reference.og-rewards-premium .og-gameplay-period{border-color:var(--reward-line);background:var(--reward-inset)}
html #app .og-rewards-reference.og-rewards-premium .og-gameplay-period button.active{background:#496d58;color:#fff}
html #app .og-rewards-reference.og-rewards-premium .og-gameplay-metrics{border-color:var(--reward-line)}
html #app .og-rewards-reference.og-rewards-premium .og-gameplay-metrics>div:nth-child(n){background:var(--reward-inset)}
html #app .og-rewards-reference.og-rewards-premium .og-gameplay-metrics>div:nth-child(n) strong{color:#fff}
@media(max-width:1120px){
  html #app .og-rewards-reference.og-rewards-premium .og-rewards-profile{grid-template-columns:80px minmax(0,1fr) 230px;gap:14px;padding:16px 22px}
  html #app .og-rewards-reference.og-rewards-premium .og-profile-avatar{width:80px;height:116px}
  html #app .og-rewards-reference.og-rewards-premium .og-profile-avatar img{width:74px;height:72px}
}
@media(max-width:900px){
  html #app .og-rewards-reference.og-rewards-premium .og-rewards-profile{grid-template-columns:80px minmax(0,1fr)}
  html #app .og-rewards-reference.og-rewards-premium .og-profile-stats{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
  html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(148px,auto)}
  html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-reward-feature:nth-child(n){grid-column:span 1}
  html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-primary-reward{min-height:196px}
  html #app .og-rewards-reference.og-rewards-premium .og-vip-feature{grid-template-columns:1fr auto}
  html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-perks{grid-column:1/-1;grid-row:2}
}
@media(max-width:640px){
  html #app .og-rewards-reference.og-rewards-premium .og-rewards-profile{grid-template-columns:67px minmax(0,1fr);gap:12px;padding:16px 15px}
  html #app .og-rewards-reference.og-rewards-premium .og-profile-avatar{width:67px;height:100px}
  html #app .og-rewards-reference.og-rewards-premium .og-profile-avatar img{width:62px;height:60px}
  html #app .og-rewards-reference.og-rewards-premium .og-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards{grid-template-columns:1fr;grid-auto-rows:minmax(140px,auto)}
  html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-reward-feature:nth-child(n){grid-column:1}
  html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-primary-reward{min-height:190px}
  html #app .og-rewards-reference.og-rewards-premium .og-vip-feature{grid-template-columns:1fr;gap:14px;padding:17px}
  html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-perks{grid-column:auto;grid-row:auto}
  html #app .og-rewards-reference.og-rewards-premium .og-vip-feature>a{justify-self:stretch}
  html #app .og-rewards-reference.og-rewards-premium .og-gameplay-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){html #app .og-rewards-reference.og-rewards-premium .og-profile-segments i{transition:none}}


/* rewards-live-refresh.css */
/* Theme-aware Rewards and sidebar refresh. The profile Theme selector controls all three modes. */
html {
  --rr-canvas:#0d151b;--rr-shell:#101b22;--rr-card:#18252d;--rr-head:#20323a;
  --rr-inset:#132129;--rr-hero-a:#1a2b35;--rr-hero-b:#294656;
  --rr-line:#5b768066;--rr-text:#f2f6f7;--rr-muted:#aec2c8;
  --rr-icon:#b7d7bd;--rr-chip:#293d45;--rr-track:#79949b66;--rr-shadow:#06101633;
  --rr-hero-wash:#0e1a23c9;--rr-hero-mid:#142c3b8c;
  --preview-canvas:var(--rr-canvas);--preview-panel:var(--rr-card);
}
html[data-site-mode="black"] {
  --rr-canvas:#050607;--rr-shell:#090b0d;--rr-card:#141719;--rr-head:#1a1f21;
  --rr-inset:#0e1113;--rr-hero-a:#111619;--rr-hero-b:#1d282c;
  --rr-line:#ffffff2c;--rr-text:#f3f5f5;--rr-muted:#aeb9ba;
  --rr-icon:#b7c9bb;--rr-chip:#23282a;--rr-track:#ffffff35;--rr-shadow:#0008;
  --rr-hero-wash:#050708d4;--rr-hero-mid:#11171b9e;
}
html[data-site-mode="light"] {
  --rr-canvas:#1b3043;--rr-shell:#20384d;--rr-card:#2a4359;--rr-head:#35536a;
  --rr-inset:#244055;--rr-hero-a:#28465f;--rr-hero-b:#3b607d;
  --rr-line:#acd5e85c;--rr-text:#f6fbff;--rr-muted:#c8dce8;
  --rr-icon:#d1e5d0;--rr-chip:#38566d;--rr-track:#c5deea77;--rr-shadow:#0a1d2c38;
  --rr-hero-wash:#1b3043c4;--rr-hero-mid:#284a628f;
}
html,html body,
html #app,html #app .home-main,
html #app .home-content {background:var(--rr-canvas);color:var(--rr-text)}
html #app>.topbar,html #app .site-rail,
html #app .footer {background:var(--rr-shell);border-color:var(--rr-line)}
html #app .site-rail .rail-promo-list>.rail-promo-heading,
html #app .site-rail .rail-promo-list>a:nth-child(n) {
  background:var(--rr-card);border:1px solid var(--rr-line);border-left:2px solid var(--rr-line);
  color:var(--rr-text);box-shadow:none;border-radius:7px;
}
html #app .site-rail .rail-promo-list {gap:5px}
html #app .site-rail .rail-promo-list>.rail-promo-heading:hover,
html #app .site-rail .rail-promo-list>a:nth-child(n):hover {background:var(--rr-head);border-left-color:#a7e967}
html #app .site-rail .rail-promo-list>.rail-promo-heading.active,
html #app .site-rail .rail-promo-list>a.active {
  background:var(--rr-head);border-left-color:#a7e967;
}
html #app .site-rail .rail-promo-list :is(.rail-promo-heading,a) :is(.nav-icon,.reward-mark) {color:var(--rr-icon)}
html #app :is(.member-account-popover,.member-rewards-popover,.member-notifications-popover,.member-balance-popover) {
  background:var(--rr-card);border-color:var(--rr-line);color:var(--rr-text);
}
html #app .member-account-popover .member-profile-rank {background:var(--rr-head);border-color:var(--rr-line)}
html #app .member-account-popover :is(a,button):hover {background:var(--rr-chip)}
html #app .member-profile-themes {border-color:var(--rr-line)}
html #app .member-theme-label {color:var(--rr-text)}

html #app .og-rewards-reference.og-rewards-premium {
  --reward-page:var(--rr-canvas);--reward-surface:var(--rr-card);--reward-inset:var(--rr-inset);
  --reward-line:var(--rr-line);--reward-text:var(--rr-text);--reward-muted:var(--rr-muted);
  --reward-accent:#a7e967;background:var(--rr-canvas);color:var(--rr-text);
}
html #app .og-rewards-reference.og-rewards-premium .og-rewards-profile {
  min-height:0;padding-block:18px;background:linear-gradient(105deg,var(--rr-hero-a),var(--rr-hero-b));
  border-bottom:1px solid var(--rr-line);
}
html #app .og-rewards-reference.og-rewards-premium .og-rewards-profile::before {
  content:"";display:block;position:absolute;z-index:0;inset:-8px;pointer-events:none;
  opacity:.95;mask-image:none;-webkit-mask-image:none;
  filter:blur(6px) saturate(1.08);
  background:linear-gradient(90deg,var(--rr-hero-wash),var(--rr-hero-mid) 49%,var(--rr-hero-wash)),
    url('./assets/og-club-hero-bold.webp') center 52%/cover no-repeat;
}
html #app .og-rewards-reference.og-rewards-premium .og-rewards-profile::after {opacity:.035}
html #app .og-rewards-reference.og-rewards-premium .og-rewards-profile>* {position:relative;z-index:1}
html #app .og-rewards-reference.og-rewards-premium .og-profile-avatar {
  background:var(--rr-inset);border-color:var(--rr-line);box-shadow:none;
}
html #app .og-rewards-reference.og-rewards-premium .og-profile-stats>div:nth-child(n) {
  background:var(--rr-chip);border-color:var(--rr-line);box-shadow:none;
}
html #app .og-rewards-reference.og-rewards-premium .og-profile-stats :is(.og-stat-icon,small) {color:var(--rr-muted)}
html #app .og-rewards-reference.og-rewards-premium .og-profile-segments>span {background:var(--rr-track)}
html #app .og-rewards-reference.og-rewards-premium .og-profile-segments>span.current {background:#9fc66c33}
html #app .og-rewards-reference.og-rewards-premium .og-profile-segments i {background:#a7e967}
html #app .og-rewards-reference.og-rewards-premium .og-ranks-trigger {
  background:var(--rr-chip);border-color:var(--rr-line);color:var(--rr-text);box-shadow:none;
}
html #app .og-rewards-reference.og-rewards-premium .og-ranks-trigger:hover {background:var(--rr-head);color:var(--rr-text)}
html #app .og-rewards-reference.og-rewards-premium .og-dashboard-heading .nav-icon {color:#a7e967}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-reward-feature:nth-child(n) {
  background:var(--rr-card);border:1px solid var(--rr-line);border-left:1px solid var(--rr-line);
  border-radius:10px;box-shadow:0 3px 10px var(--rr-shadow);overflow:visible;
}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards>.og-reward-feature:nth-child(n):hover {border-color:#94c484}
html #app .og-rewards-reference.og-rewards-premium .og-feature-top {background:var(--rr-head);border-radius:9px 9px 0 0}
html #app .og-rewards-reference.og-rewards-premium :is(.og-feature-icon,.og-vip-feature-icon) {
  background:var(--rr-chip);border-color:var(--rr-line);color:var(--rr-icon);
}
html #app .og-rewards-reference.og-rewards-premium .og-feature-top h3 {color:var(--rr-text)}
html #app .og-rewards-reference.og-rewards-premium .og-reward-info summary {background:var(--rr-chip);border-color:var(--rr-line);color:var(--rr-muted)}
html #app .og-rewards-reference.og-rewards-premium :is(.og-rakeback-body,.og-boost-stage,.og-level-bonus .og-upcoming-detail,.og-period-bonus .og-upcoming-detail) {
  background:var(--rr-inset);border-radius:0 0 9px 9px;
}
html #app .og-rewards-reference.og-rewards-premium :is(.og-primary-actions span,.og-primary-actions span:last-child,.og-compact-body span) {
  background:var(--rr-chip);border-color:var(--rr-line);color:var(--rr-muted);
}
html #app .og-rewards-reference.og-rewards-premium .og-stage-caption strong {color:var(--rr-text)}
html #app .og-rewards-reference.og-rewards-premium .og-boost-dots::before {background:var(--rr-track)}
html #app .og-rewards-reference.og-rewards-premium .og-boost-dots>span {background:var(--rr-chip);border-color:var(--rr-line);color:var(--rr-text)}
html #app .og-rewards-reference.og-rewards-premium .og-boost-dots>span.done {background:#276347;border-color:#79d881;color:#fff}
html #app .og-rewards-reference.og-rewards-premium .og-boost-dots>span.boost-target {background:var(--rr-chip);border-color:#9bbc8a;color:var(--rr-text)}
html #app .og-rewards-reference.og-rewards-premium .og-period-cash i {background:#466b4644;border-color:#8ebf71;color:#d7edc8}
html #app .og-rewards-reference.og-rewards-premium :is(.og-vip-feature,.og-gameplay-panel) {
  background:var(--rr-card);border:1px solid var(--rr-line);box-shadow:none;
}
html #app .og-rewards-reference.og-rewards-premium :is(.og-vip-feature-perks span,.og-vip-unlock) {
  background:var(--rr-chip);border-color:var(--rr-line);color:var(--rr-text);
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature>a {
  background:#a7e967;border-color:#a7e967;color:#142016;box-shadow:none;
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature>a:hover {background:#c2fb8e;color:#142016}
html #app .og-rewards-reference.og-rewards-premium .og-gameplay-period button.active {background:var(--rr-chip);color:var(--rr-text)}
html #app .og-rewards-reference.og-rewards-premium .og-gameplay-metrics>div:nth-child(n) {background:var(--rr-inset)}
html #app .og-rewards-reference.og-rewards-premium .og-palette-picker {display:none}

/* Keep every reward heading centered within its lighter header band. */
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards > .og-reward-feature .og-feature-top {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  height:58px;
  min-height:58px;
  padding:0 16px;
}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards > :is(.og-compact-reward,.og-defined-bonus) .og-feature-top {
  height:46px;
  min-height:46px;
  padding:0 10px;
}
html #app .og-rewards-reference.og-rewards-premium :is(.og-rakeback-body,.og-boost-stage) {
  margin-top:0;
}

/* Bring the VIP section into view by tightening both reward rows. */
@media (min-width:901px) {
  html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards {
    grid-template-rows:160px 112px;
    grid-auto-rows:112px;
    gap:10px;
  }
}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards > .og-reward-feature .og-feature-top {
  height:44px;
  min-height:44px;
}
html #app .og-rewards-reference.og-rewards-premium .og-feature-rewards > :is(.og-compact-reward,.og-defined-bonus) .og-feature-top {
  height:38px;
  min-height:38px;
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature {
  margin-top:10px;
}
html #app .og-rewards-reference.og-rewards-premium .og-period-flow-line {
  color:var(--rr-muted);
  font-size:.53rem;
  font-weight:800;
  letter-spacing:.06em;
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature > a {
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.2;
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-main,
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-heading {
  align-items:center;
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-heading {
  min-height:42px;
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-perks {
  grid-template-columns:repeat(6,minmax(0,1fr));
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-perks span {
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-perks span:nth-child(-n+2) {
  grid-column:span 3;
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-perks span:nth-child(n+3) {
  grid-column:span 2;
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-ranks-button {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 13px;
  border:1px solid #a7e967;
  border-radius:7px;
  background:#a7e967;
  color:#142016;
  font-size:.69rem;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
}
html #app .og-rewards-reference.og-rewards-premium .og-vip-ranks-button:hover,
html #app .og-rewards-reference.og-rewards-premium .og-vip-ranks-button:focus-visible {
  background:#c2fb8e;
}
@media (max-width:640px) {
  html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-perks {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-perks span:nth-child(n) {
    grid-column:auto;
  }
  html #app .og-rewards-reference.og-rewards-premium .og-vip-feature-perks span:last-child {
    grid-column:1/-1;
  }
  html #app .og-rewards-reference.og-rewards-premium .og-vip-ranks-button {
    justify-self:stretch;
  }
}


/* hero-height-sync.css */
/* One desktop banner rhythm across the active page heroes. */
#app { --og-site-hero-height: 228px; }
@media (max-width: 1080px) and (min-width: 761px) {
  #app { --og-site-hero-height: 225px; }
}
@media (min-width: 761px) {
  #app .home-main .home-hero,
  html #app .og-rewards-reference.og-rewards-premium .og-rewards-profile,
  #app .races-page .races-hero,
  #app .promo-hub-page .promos-hero,
  #app .growth-page .growth-hero,
  #app .personal-games-page .info-hero,
  #app .info-page .info-hero,
  #app .og-mechanic-hero,
  #app .rewards-redesign .rewards-new-hero {
    height: var(--og-site-hero-height);
    min-height: var(--og-site-hero-height);
    box-sizing: border-box;
  }
  #app .races-page .races-hero { padding: 17px 28px; }
  #app .races-page .race-prize { margin: 6px 0 2px; font-size: 1.9rem; }
  #app .races-page .races-hero h1 { margin: 4px 0 7px; font-size: clamp(2.25rem, 3vw, 2.8rem); }
  #app .races-page .race-countdown { margin-top: 8px; }
  #app .races-page .race-countdown > div { height: 46px; }
  #app .races-page .race-countdown-caption { margin-top: 4px; }
  #app .races-page .races-hero p { margin-top: 12px; }
  #app .growth-page .growth-hero { padding: 20px 30px; }
  #app .growth-page .growth-hero h1 { font-size: clamp(2.25rem, 3vw, 2.8rem); margin: 7px 0 9px; }
  #app .growth-page .growth-hero p { margin-bottom: 10px; }
  #app .promo-hub-page .promos-hero { padding: 22px 32px; }
  #app .promo-hub-page .promos-hero h1 { font-size: clamp(2.35rem, 3.5vw, 3.5rem); }
  #app .personal-games-page .info-hero,
  #app .info-page .info-hero { display: flex; flex-direction: column; justify-content: center; padding: 22px 0; }
  #app .og-mechanic-hero-inner { min-height: var(--og-site-hero-height); }
  #app .rewards-redesign .rewards-new-hero-copy { padding: 20px 32px; }
}
@media (max-width: 760px) {
  #app .races-page .races-hero { min-height: 228px; padding: 20px 22px; }
  #app .promo-hub-page .promos-hero,
  #app .growth-page .growth-hero,
  #app .personal-games-page .info-hero,
  #app .info-page .info-hero { min-height: 228px; }
}


/* utility-panel-fit.css */
/* A desktop utility panel takes space from the page instead of covering it. */
#app { --utility-width:300px; }

@media (min-width:1081px) {
  #app.has-utility-panel > main {
    box-sizing:border-box;
    width:calc(100% - var(--rail-width) - var(--utility-width));
    min-width:0;
  }
}


/* rank-modal-refresh.css */
/* Compact rank gallery. Keep the rewards page visible behind the dialog. */
#app .og-rank-modal-overlay{padding:22px;background:rgba(0,0,0,.67)}
#app .og-rank-modal{box-sizing:border-box;width:min(648px,100%);max-height:min(760px,calc(100dvh - 44px));padding:0 22px 17px;overflow-x:hidden;overflow-y:auto;border:1px solid #3c4843;border-radius:16px;background:#101517;box-shadow:0 26px 90px #000d;scrollbar-width:thin}
#app .og-rank-modal-head{min-height:53px;border-color:#ffffff16;background:#101517}
#app .og-rank-modal h2{font:800 1.05rem/1.2 'DM Sans',Arial,sans-serif}
#app .og-rank-modal .member-rank-reveal-close{width:30px;height:30px;border:1px solid #ffffff1d;border-radius:8px;background:#202629;color:#e4ece4;font-size:1.12rem}
#app .og-rank-modal .member-rank-reveal-close:hover{border-color:#a8ee3e;color:#b6f46c}
#app .og-modal-rank-rail{gap:9px;margin:13px -22px 0;padding:2px max(22px,calc((100% - 136px)/2)) 4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory}
#app .og-modal-rank-rail::-webkit-scrollbar{display:none}
#app .og-modal-rank{position:relative;box-sizing:border-box;display:block;flex:0 0 119px;width:119px;height:159px;overflow:hidden;padding:0;border:1px solid #ffffff24;border-radius:9px;background:#151b1d;filter:none;opacity:.48;scroll-snap-align:center;transition:opacity .2s,border-color .2s,transform .2s}
#app .og-modal-rank:hover{opacity:.86;transform:translateY(-2px)}
#app .og-modal-rank.selected{border:1px solid #a4ed2c;background:#172019;opacity:1;box-shadow:0 0 0 2px #a4ed2c35 inset,0 8px 24px #0007}
#app .og-modal-rank-art{display:block;width:100%;height:122px;background-image:url('./assets/reward-portraits/rank-goats-v2.jpg');background-repeat:no-repeat;background-size:300% 200%;background-position:var(--rank-x) var(--rank-y)}
#app .og-modal-rank-caption{position:absolute;inset:auto 0 0;display:grid;align-content:center;justify-items:center;gap:3px;min-height:44px;padding:3px 5px 4px;background:linear-gradient(180deg,#0d1112e8,#0d1112);text-align:center}
#app .og-modal-rank-caption small{color:#a8e75b;font:800 .46rem/1 'DM Sans',Arial,sans-serif;letter-spacing:.1em}
#app .og-modal-rank-caption strong{min-height:0;color:#f3f6ef;font:800 .62rem/1.08 'DM Sans',Arial,sans-serif;text-transform:uppercase}
#app .og-modal-rank-summary{gap:14px;padding:9px 0 0}
#app .og-modal-rank-summary>div{min-width:155px;gap:2px}
#app .og-modal-rank-summary span{color:#b4ef73;font-size:.5rem;letter-spacing:.15em}
#app .og-modal-rank-summary strong{font:800 .96rem/1.16 'DM Sans',Arial,sans-serif}
#app .og-modal-rank-summary>button{width:29px;height:29px;border:1px solid #ffffff18;border-radius:7px;background:#1c2224;color:#eff6ec;font-size:1.23rem;line-height:1}
#app .og-modal-rank-summary>button:hover{border-color:#a5ed38;color:#adf046}
#app .og-modal-rank-dots{display:flex;justify-content:center;gap:5px;margin:7px 0 12px}
#app .og-modal-rank-dots i{width:5px;height:5px;border-radius:50%;background:#59645f}
#app .og-modal-rank-dots i.selected{width:15px;border-radius:5px;background:#a5ef35}
#app .og-modal-levels{gap:7px;margin:0 0 13px}
#app .og-modal-levels button{min-width:90px;min-height:32px;padding:6px 10px;border-radius:18px;background:#1c2224;color:#bac7bc;font-size:.67rem}
#app .og-modal-levels button.selected{border-color:#a3eb36;background:#293b26;color:#f0fae5}
#app .og-modal-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 20px;margin:0;padding:14px 0;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17}
#app .og-modal-bar>div{align-items:baseline;margin-bottom:6px;color:#b9c5ba;font-size:.65rem}
#app .og-modal-bar strong{font-size:.78rem;font-weight:800}
#app .og-modal-bar>i{height:4px;background:#313936}
#app .og-modal-bar b{background:linear-gradient(90deg,#79b937,#b7f259)}
#app .og-modal-perks{margin-top:12px}
#app .og-modal-perk-pills{gap:7px!important}
#app .og-modal-perk-pills>span{align-items:center;min-height:34px;padding:7px 10px;border-color:#ffffff13;border-radius:7px;background:#1c2324}
#app .og-modal-perk-pills strong{color:#e8eee7;font-size:.64rem}
#app .og-modal-perk-pills small{color:#acbba9;font-size:.61rem}
#app .og-extra-privileges{margin-top:9px}
#app .og-extra-privileges summary{padding:8px 0;font-size:.64rem}
#app .og-modal-chart .og-full-chart{margin-top:10px}
#app .og-modal-chart .og-full-chart summary{min-height:36px;padding:8px 0}
#app .og-modal-chart .og-full-chart summary strong{font-size:.68rem}
#app .og-modal-chart .og-full-chart summary small{font-size:.56rem}
#app .og-modal-disclaimer{margin:7px 0 0;color:#83948b;font-size:.57rem}
#app .og-rank-modal button:focus-visible,#app .og-rank-modal summary:focus-visible{outline:2px solid #b3f15a;outline-offset:2px}
@media(max-width:700px){
  #app .og-rank-modal-overlay{padding:12px}
  #app .og-rank-modal{max-height:calc(100dvh - 24px);padding:0 14px 14px}
  #app .og-modal-rank-rail{margin-left:-14px;margin-right:-14px;padding-left:max(14px,calc((100% - 112px)/2));padding-right:max(14px,calc((100% - 112px)/2))}
  #app .og-modal-rank{flex-basis:112px;width:112px;height:150px}
  #app .og-modal-rank-art{height:115px}
  #app .og-modal-rank-caption{min-height:41px}
  #app .og-modal-bars{gap:10px 13px}
  #app .og-modal-perk-pills{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #app .og-modal-perk-pills>span{display:grid;gap:2px}
  #app .og-modal-perk-pills small{text-align:left}
}
@media(max-width:370px){#app .og-modal-bars,#app .og-modal-perk-pills{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){#app .og-modal-rank{transition:none}}


/* wallet-store-theme-refresh.css */
/* Wallet and Store use the same canvas as the selected site theme. */
html[data-site-mode="current"] #app>.og-store-live-page,
html[data-site-mode="current"] #app>.og-store-live-page og-store-carousel {
  --store-canvas:#111820;
  --store-halo-edge:#111820eb;
  --store-grid-line:#c2f87713;
}
html[data-site-mode="black"] #app>.og-store-live-page,
html[data-site-mode="black"] #app>.og-store-live-page og-store-carousel {
  --store-canvas:#050506;
  --store-halo-edge:#050506eb;
  --store-grid-line:#b2ff1610;
}
html[data-site-mode="light"] #app>.og-store-live-page,
html[data-site-mode="light"] #app>.og-store-live-page og-store-carousel {
  --store-canvas:#1b3043;
  --store-halo-edge:#1b3043eb;
  --store-grid-line:#b9e6ff18;
}
html #app>.og-store-live-page {
  height:calc(100dvh - 64px);
  background:var(--store-canvas,#111820);
}

/* Match the Bet Slip, Chat and Games panel header to the site header. */
html #app .utility-panel-head {height:64px;min-height:64px;}

/* The wallet follows its content instead of reserving an empty viewport. */
html #app .member-wallet-modal {
  --wallet-surface:#192e3d;
  --wallet-field:#3c5a70;
  --wallet-line:#a7c7d330;
  --wallet-inset:#10212e;
  width:min(560px,100%);
  height:auto;
  max-height:calc(100dvh - 40px);
  border-color:var(--wallet-line);
  background:var(--wallet-surface);
  box-shadow:0 26px 90px #000b;
}
html[data-site-mode="black"] #app .member-wallet-modal {
  --wallet-surface:#101113;
  --wallet-field:#2b3338;
  --wallet-line:#ffffff29;
  --wallet-inset:#090c0e;
}
html[data-site-mode="light"] #app .member-wallet-modal {
  --wallet-surface:#29445a;
  --wallet-field:#42637a;
  --wallet-line:#b5d9e457;
  --wallet-inset:#1e3547;
}
html #app .member-wallet-modal .member-modal-head {
  align-items:center;
  padding:18px 22px 12px;
}
html #app .member-wallet-modal .member-modal-head h2 {font-size:1.65rem;line-height:1.1;}
html #app .member-wallet-modal .member-modal-head>button {width:34px;height:34px;}
html #app .member-wallet-modal .member-wallet-tabs {
  margin:0 22px;
  border-color:var(--wallet-line);
}
html #app .member-wallet-modal .member-wallet-tabs button {padding:10px 5px;}
html #app .member-wallet-modal .member-modal-body {
  flex:0 1 auto;
  min-height:0;
  padding:18px 22px 22px;
  overflow-y:auto;
}
html #app .member-wallet-modal .member-wallet-intro {margin-bottom:14px;}
html #app .member-wallet-modal .member-wallet-intro strong {font-size:1rem;}
html #app .member-deposit-flow {
  grid-template-columns:minmax(0,1fr);
  gap:16px;
}
html #app .member-deposit-flow .member-flow-step {
  display:block;
  min-width:0;
  padding:0;
}
html #app .member-deposit-flow .member-flow-step:last-child {grid-column:auto;}
html #app .member-deposit-flow .member-flow-step:before {display:none;}
html #app .member-deposit-flow .member-flow-step>b {
  display:none;
}
html #app .member-deposit-flow .member-flow-step>div {display:contents;}
html #app .member-deposit-flow .member-flow-step label {
  display:block;
  margin:0 0 7px;
  color:#b8d3e2;
  font-size:.81rem;
  font-weight:750;
}
html #app .member-deposit-choice,
html #app .member-flow-step select {
  height:50px;
  border-color:var(--wallet-line);
  background:var(--wallet-field);
  border-radius:9px;
}
html #app .member-address-panel {
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:0;
  gap:10px;
  padding:0;
  border:0;
  background:transparent;
}
html #app .member-address-detail {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:10px;
  width:100%;
  min-height:74px;
  padding:12px 14px;
  border:1px solid var(--wallet-line);
  border-radius:9px;
  background:var(--wallet-inset);
}
html #app .member-address-detail strong,
html #app .member-address-detail p {grid-column:1;}
html #app .member-address-detail p {margin:3px 0 0;}
html #app .member-address-detail .outline {grid-column:2;grid-row:1/3;min-height:34px;padding:6px 10px;}
html #app .member-qr-placeholder {width:90px;height:90px;gap:6px;padding:16px;background:var(--wallet-inset);}
html #app .member-qr-placeholder span {width:19px;height:19px;border-width:2px;}
html #app .member-address-panel small {color:#9bb3bd;font-size:.66rem;}
html #app .member-wallet-modal .member-withdraw-grid {gap:10px;}
html #app .member-wallet-modal .member-withdraw-grid input,
html #app .member-wallet-modal .member-field input {background:var(--wallet-field);border-color:var(--wallet-line);}

/* Transaction tabs sit at the top, with methods inside Deposit and Withdraw. */
html #app .member-wallet-modal {width:min(560px,100%);}
html #app .member-wallet-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 20px 0;
}
html #app .member-wallet-top .member-wallet-tabs {
  display:flex;
  flex:0 1 auto;
  gap:2px;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
html #app .member-wallet-top .member-wallet-tabs button {
  min-width:90px;
  padding:10px 18px;
  border:0;
  border-radius:8px;
  color:#adc1ca;
  font-size:.9rem;
  white-space:nowrap;
}
html #app .member-wallet-top .member-wallet-tabs button.active {
  background:var(--wallet-inset);
  color:#f2f8fb;
  box-shadow:inset 0 0 0 1px var(--wallet-line);
}
html #app .member-wallet-close {
  display:grid;place-items:center;
  flex:none;
  width:36px;height:36px;
  padding:0;
  border:1px solid var(--wallet-line);
  border-radius:9px;
  background:var(--wallet-field);
  color:#f3f7f4;
  font-size:1.5rem;
  line-height:1;
}
html #app .member-wallet-modal .member-modal-body {padding:12px 20px 20px;}
html #app .member-wallet-methods {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:3px;
  margin:0 0 17px;
  padding:5px;
  border-radius:13px;
  background:var(--wallet-inset);
}
html #app .member-wallet-methods[aria-label="Withdrawal method"] {grid-template-columns:repeat(3,minmax(0,1fr));}
html #app .member-wallet-methods button {
  min-width:0;
  min-height:42px;
  padding:8px 10px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#c1d0d7;
  font-size:.73rem;
  font-weight:750;
  text-align:center;
}
html #app .member-wallet-methods button:first-child {padding-left:13px;text-align:left;}
html #app .member-wallet-methods button:hover,
html #app .member-wallet-methods button.active {
  background:var(--wallet-field);
  color:#f6fbfd;
}
html #app .member-wallet-method-content {min-width:0;}
html #app .member-wallet-method-panel {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:230px;
  padding:26px;
  border:1px solid var(--wallet-line);
  border-radius:12px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--wallet-field) 76%,transparent),transparent),var(--wallet-surface);
}
html #app .member-wallet-method-status {
  margin-bottom:13px;
  padding:5px 9px;
  border:1px solid #a9ef3e66;
  border-radius:99px;
  background:#a9ef3e12;
  color:#c8f899;
  font-size:.65rem;
  font-weight:800;
}
html #app .member-wallet-method-panel>strong {font-size:1.05rem;}
html #app .member-wallet-method-panel>p {
  max-width:420px;
  margin:7px 0 17px;
  color:#b8c6c2;
  font-size:.78rem;
  line-height:1.5;
}
html #app .member-wallet-method-panel>.member-field {width:min(100%,390px);}
html #app .member-wallet-method-panel>button:disabled {opacity:.55;cursor:not-allowed;}
html[data-site-mode="light"] #app .member-wallet-top .member-wallet-tabs button.active {color:#f3fff0;}

@media(max-width:1080px) {
  html #app>.og-store-live-page {height:calc(100dvh - 64px);}
}
@media(max-width:700px) {
  html #app .utility-panel-head {height:54px;min-height:54px;}
  html #app>.og-store-live-page {height:calc(100dvh - 54px);}
  html #app .member-wallet-modal {max-height:calc(100dvh - 24px);}
  html #app .member-wallet-modal .member-modal-head {padding:15px 16px 10px;}
  html #app .member-wallet-modal .member-wallet-tabs {margin:0;}
  html #app .member-wallet-modal .member-modal-body {padding:10px 16px 18px;}
  html #app .member-wallet-top {padding:14px 16px 0;}
}
@media(max-width:480px) {
  html #app .member-deposit-flow {grid-template-columns:1fr;gap:13px;}
  html #app .member-deposit-flow .member-flow-step:last-child {grid-column:auto;}
  html #app .member-wallet-top .member-wallet-tabs {flex:1;}
  html #app .member-wallet-top .member-wallet-tabs button {flex:1;min-width:0;padding:8px 4px;font-size:.7rem;}
  html #app .member-wallet-methods {grid-template-columns:repeat(2,minmax(0,1fr));padding:5px;}
  html #app .member-wallet-methods[aria-label="Withdrawal method"] {grid-template-columns:repeat(2,minmax(0,1fr));}
  html #app .member-wallet-methods button {padding:8px 5px;}
  html #app .member-wallet-methods button:first-child {padding-left:18px;}
  html #app .member-address-detail {padding:10px;}
  html #app .member-address-detail .outline {padding:6px 7px;}
  html #app .member-wallet-method-panel {min-height:210px;padding:19px;}
}