.layout-content-holder-bc.rewards-page,

.rewards-hub {

  --rw-bg: transparent;

  --rw-elevated: #04193B;

  --rw-panel: #04193B;

  --rw-panel-2: #07152B;

  --rw-accent: #D8A950;

  --rw-accent-2: #FFE066;

  --rw-line: rgba(216, 169, 80, 0.35);

  --rw-line-strong: #D8A950;

  --rw-muted: #C2D1E0;

  --rw-soft: #8FA2B5;

  --rw-ok: #49B36A;

  --rw-danger: #D96363;

  --rw-btn: #07152B;

  --rw-btn-border: #D8A950;

  --rw-shadow: 0 10px 20px rgba(4, 25, 59, 0.35);

  --rw-fast: 150ms cubic-bezier(.2,.8,.2,1);

  --rw-med: 240ms cubic-bezier(.2,.8,.2,1);

  --rw-gift-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 9h16v3H4V9Zm2 4h5v7H7a1 1 0 0 1-1-1v-6Zm7 0h5v6a1 1 0 0 1-1 1h-4v-7ZM8.1 4.2c1-.7 2.5-.3 3.9 1.4 1.4-1.7 2.9-2.1 3.9-1.4.9.6 1.1 1.9.3 3.3H13V6.8c.9-1.2 1.6-1.6 2-1.4.4.3.2 1-.3 2.1H9.3c-.5-1.1-.7-1.8-.3-2.1.4-.2 1.1.2 2 1.4v.7H7.8c-.8-1.4-.6-2.7.3-3.3Z'/%3E%3C/svg%3E");

  --rw-wheel-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 1.1A10.9 10.9 0 1 0 22.9 12 10.91 10.91 0 0 0 12 1.1zm0 2.1a8.8 8.8 0 1 1-8.8 8.8A8.81 8.81 0 0 1 12 3.2z'/%3E%3Cpath fill='black' d='M11.1 3.2h1.8v7.1h-1.8zm0 10.5h1.8v7.1h-1.8zM3.2 11.1h7.1v1.8H3.2zm10.5 0h7.1v1.8h-7.1z'/%3E%3Cpath fill='black' transform='rotate(45 12 12)' d='M11.1 3.2h1.8v7.1h-1.8zm0 10.5h1.8v7.1h-1.8zM3.2 11.1h7.1v1.8H3.2zm10.5 0h7.1v1.8h-7.1z'/%3E%3Ccircle cx='12' cy='12' r='2.7' fill='black'/%3E%3C/svg%3E");

  --rw-mine-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10a2 2 0 0 1 2 2v16l-7-3.2L5 21V5a2 2 0 0 1 2-2zm0 2v13.1l5-2.3 5 2.3V5H7zm2 3h6v2H9V8zm0 4h6v2H9v-2z'/%3E%3C/svg%3E");

}

.layout-content-holder-bc.rewards-page {

  box-sizing: border-box;

  width: 100% !important;

  max-width: 100% !important;

  margin: 0 !important;

  padding: 0 var(--padding-page-aside, 10px) 30px !important;

  grid-area: content;

  background: transparent !important;

}

#root .layout-content-holder-bc.rewards-page {

  background: transparent !important;

  width: 100% !important;

  max-width: 100% !important;

}

html.is-web #root > .layout-content-holder-bc.rewards-page,

html.is-mobile #root > .layout-content-holder-bc.rewards-page {

  align-self: stretch !important;

  justify-self: stretch !important;

  width: 100% !important;

  max-width: 100% !important;

}

.rewards-hub {

  position: relative;

  box-sizing: border-box;

  width: 100%;

  max-width: 100%;

  min-width: 0;

  color: #EDF4F7;

  font-family: inherit;

  font-size: 14px;

  line-height: 1.5;

  background: transparent !important;

}

.rewards-hub,

.rewards-hub * {

  box-sizing: border-box;

}

.rewards-hub__hero,

.rewards-hub__panel {

  border: 1px solid #D8A950 !important;

  background: rgb(4, 25, 59) !important;

  box-shadow: 0 10px 20px rgba(4, 25, 59, 0.35) !important;

  border-radius: 10px !important;

}

.rewards-hub__hero {

  position: relative;

  overflow: hidden;

  margin: 10px 0 14px;

}

.rewards-hub__hero-inner {

  position: relative;

  display: flex;

  align-items: center;

  gap: 16px;

  padding: 16px 20px;

  box-sizing: border-box;

}

.rewards-hub__icon {

  width: 78px;

  height: 78px;

  flex: 0 0 78px;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  border-radius: 20px;

  border: 1px solid rgba(61, 95, 138, .32);

  background:

    linear-gradient(145deg, rgba(61, 95, 138, .16), rgba(122, 167, 199, .08)),

    #0c151c;

  box-shadow: 0 12px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);

}

.rewards-hub__icon svg {

  display: block;

  width: 100%;

  height: 100%;

}

.rewards-hub__hero-copy {

  min-width: 0;

  flex: 1 1 auto;

  text-align: left;

}

.rewards-hub__eyebrow {

  margin: 0 0 5px;

  color: var(--rw-accent);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: .11em;

  text-transform: uppercase;

}

.rewards-hub__title {

  margin: 0 0 6px;

  color: #fff;

  font-size: clamp(23px, 3vw, 32px);

  font-weight: 850;

  letter-spacing: -.02em;

  line-height: 1.1;

}

.rewards-hub__lead {

  margin: 0;

  max-width: 42rem;

  color: var(--rw-muted);

  font-size: 14px;

  line-height: 1.5;

}

.rewards-hub__tabs {

  position: relative;

  top: 0;

  z-index: 5;

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 8px;

  margin: 0 0 14px;

  padding: 6px;

  border-radius: 10px;

  border: 1px solid #D8A950 !important;

  background: rgb(4, 25, 59) !important;

  box-shadow: 0 10px 20px rgba(4, 25, 59, 0.35) !important;

}

.rewards-hub__tab {

  position: relative;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-height: 44px;

  margin: 0;

  padding: 0 12px;

  border: 1px solid rgba(216, 169, 80, 0.25) !important;

  border-radius: 8px;

  background: rgba(7, 21, 43, 0.8) !important;

  color: #C2D1E0 !important;

  -webkit-text-fill-color: #C2D1E0 !important;

  font: inherit;

  font-size: 13.5px;

  font-weight: 700;

  cursor: pointer;

  box-sizing: border-box;

  box-shadow: none !important;

  -webkit-tap-highlight-color: transparent;

  transition: all 0.2s ease;

}

.rewards-hub__tab:hover:not(.is-active):not(:disabled) {

  color: #FFE066 !important;

  -webkit-text-fill-color: #FFE066 !important;

  border-color: #D8A950 !important;

  background: rgba(216, 169, 80, 0.15) !important;

}

.rewards-hub__tab.is-active,

.rewards-hub__tab[aria-selected="true"] {

  color: #030E20 !important;

  -webkit-text-fill-color: #030E20 !important;

  border-color: #FFE066 !important;

  background: linear-gradient(180deg, #FBE38E 0%, #D8A950 50%, #B88628 100%) !important;

  box-shadow: 0 4px 14px rgba(216, 169, 80, 0.4) !important;

}

.rewards-hub__tab-face {

  position: relative;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-width: 0;

}

.rewards-hub__tab-icon {

  display: block;

  width: 22px;

  height: 22px;

  flex: 0 0 22px;

  color: currentColor;

  background: currentColor;

  -webkit-mask-position: center;

  mask-position: center;

  -webkit-mask-repeat: no-repeat;

  mask-repeat: no-repeat;

  -webkit-mask-size: contain;

  mask-size: contain;

  opacity: .95;

  transition: opacity var(--rw-fast);

}

.rewards-hub__tab-icon--rewards {

  -webkit-mask-image: var(--rw-gift-icon);

  mask-image: var(--rw-gift-icon);

}

.rewards-hub__tab-icon--loss {

  -webkit-mask-image: var(--rw-gift-icon);

  mask-image: var(--rw-gift-icon);

}

a.rewards-hub__tab,

a.rewards-hub__tab--link {

  text-decoration: none !important;

  color: var(--rw-muted) !important;

  -webkit-text-fill-color: var(--rw-muted) !important;

}

a.rewards-hub__tab:visited,

a.rewards-hub__tab--link:visited {

  color: var(--rw-muted) !important;

  -webkit-text-fill-color: var(--rw-muted) !important;

}

.rewards-hub__tab-icon--wheel {

  -webkit-mask-image: var(--rw-wheel-icon);

  mask-image: var(--rw-wheel-icon);

}

.rewards-hub__tab-icon--mine {

  -webkit-mask-image: var(--rw-mine-icon);

  mask-image: var(--rw-mine-icon);

}

.rewards-hub__tab-label {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.rewards-hub__tab:hover:not(.is-active):not(:disabled) {

  color: #f6f1e5 !important;

  -webkit-text-fill-color: #f6f1e5 !important;

  border-color: var(--rw-btn-border) !important;

  background: linear-gradient(180deg, #22384c, #162636) !important;

  background-image: linear-gradient(180deg, #22384c, #162636) !important;

  box-shadow: 0 8px 18px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .04) !important;

}

.rewards-hub__tab:focus {

  outline: none;

}

.rewards-hub__tab:focus-visible:not(:disabled) {

  outline: 2px solid var(--rw-accent);

  outline-offset: 2px;

  color: #f6f1e5 !important;

  -webkit-text-fill-color: #f6f1e5 !important;

  border-color: var(--rw-line-strong) !important;

}

.rewards-hub__tab.is-active,

.rewards-hub__tab[aria-selected="true"] {

  color: #ffffff !important;

  -webkit-text-fill-color: #ffffff !important;

  border-color: #3D5F8A !important;

  background: linear-gradient(45deg, #3D5F8A 0%, #e63d8a 100%) !important;

  background-image: linear-gradient(45deg, #3D5F8A 0%, #e63d8a 100%) !important;

  box-shadow: 0 10px 20px rgba(61, 95, 138, .28), inset 0 1px 0 rgba(255, 255, 255, .22) !important;

}

.rewards-hub__tab.is-active .rewards-hub__tab-icon,

.rewards-hub__tab[aria-selected="true"] .rewards-hub__tab-icon {

  opacity: 1;

}

@media (hover: hover) and (pointer: fine) {

  .rewards-hub__tab:hover:not(.is-active):not(:disabled),

  .rewards-hub__tab:focus-visible:not(.is-active):not(:disabled) {

    transform: translateY(-1px);

    box-shadow: 0 12px 22px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .05);

  }

  .rewards-hub__tab.is-active:hover:not(:disabled),

  .rewards-hub__tab[aria-selected="true"]:hover:not(:disabled) {

    transform: translateY(-1px);

    background: linear-gradient(45deg, #2A4A73 0%, #3D5F8A 100%) !important;

    background-image: linear-gradient(45deg, #2A4A73 0%, #3D5F8A 100%) !important;

    border-color: #2A4A73 !important;

    box-shadow: 0 14px 25px rgba(61, 95, 138, .35), inset 0 1px 0 rgba(255, 255, 255, .22);

  }

}

.rewards-hub__tab:active:not(:disabled) {

  transform: translateY(0);

}

.rewards-hub__tab[data-rw-spin-off="1"]:not(.is-active) {

  color: var(--rw-soft);

  border-color: rgba(210, 226, 240, .12);

}

.rewards-hub__tab:disabled {

  opacity: .5;

  cursor: not-allowed;

  transform: none;

  pointer-events: none;

}

.rewards-hub__tab-panel {

  display: none;

}

.rewards-hub__tab-panel.is-active {

  display: block;

  animation: rwPanelIn 180ms cubic-bezier(.2,.8,.2,1);

}

.rewards-hub__tab-panel[hidden] {

  display: none !important;

}

@keyframes rwPanelIn {

  from { opacity: 0; transform: translateY(6px); }

  to { opacity: 1; transform: translateY(0); }

}

.rewards-hub__panel {

  position: relative;

  overflow: hidden;

  border-radius: 18px;

  padding: 16px;

  margin-bottom: 14px;

  box-sizing: border-box;

}

.rewards-hub__panel::before {

  content: "";

  position: absolute;

  inset: 0 0 auto;

  height: 3px;

  pointer-events: none;

  background: linear-gradient(90deg, var(--rw-accent), rgba(122,167,199,.7), transparent);

  opacity: .75;

}

.rewards-hub__section-title {

  margin: 0 0 12px;

  color: #f7fafb;

  font-size: 16px;

  font-weight: 850;

  letter-spacing: -.01em;

}

.rewards-hub__level-row {

  display: flex;

  align-items: baseline;

  justify-content: space-between;

  gap: 12px;

  margin-bottom: 12px;

}

.rewards-hub__level {

  color: #fff;

  font-size: 20px;

  font-weight: 850;

}

.rewards-hub__xp-total {

  color: var(--rw-accent);

  font-weight: 800;

  font-variant-numeric: tabular-nums;

  white-space: nowrap;

}

.rewards-hub__ladder-wrap {

  margin: 0 0 14px;

  overflow: hidden;

  border: 1px solid rgba(210,226,240,.12);

  border-radius: 14px;

  background:

    linear-gradient(180deg, rgba(9,16,22,.95), rgba(12,22,30,.95));

  padding: 12px 10px 10px;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);

}

.rewards-hub__ladder-svg {

  display: block;

  width: 100%;

  height: auto;

  min-height: 132px;

  max-height: 196px;

}

.rewards-hub__bar {

  height: 12px;

  border-radius: 999px;

  background: #081018;

  border: 1px solid rgba(210,226,240,.12);

  overflow: hidden;

  box-shadow: inset 0 2px 5px rgba(0,0,0,.35);

}

.rewards-hub__bar-fill {

  --rw-progress: 0%;

  height: 100%;

  width: var(--rw-progress);

  border-radius: 999px;

  background: linear-gradient(90deg, #243F66, #3D5F8A);

  transition: width var(--rw-med);

}

.rewards-hub__bar-meta {

  display: flex;

  justify-content: space-between;

  gap: 8px;

  margin-top: 7px;

  margin-bottom: 14px;

  color: var(--rw-soft);

  font-size: 12px;

  font-variant-numeric: tabular-nums;

}

.rewards-hub__stats,

.rewards-hub__fs-grid {

  display: grid;

  gap: 10px;

}

.rewards-hub__stats {

  grid-template-columns: minmax(0, 1fr);

  margin-bottom: 14px;

}

.rewards-hub__stats--three {

  grid-template-columns: repeat(3, minmax(0, 1fr));

}

.rewards-hub__fs-grid {

  grid-template-columns: repeat(2, minmax(0, 1fr));

}

.rewards-hub__stat,

.rewards-hub__fs-item,

.rewards-hub__faq-item,

.rewards-hub__history-item {

  border: 1px solid rgba(210,226,240,.11);

  border-radius: 14px;

  background: linear-gradient(180deg, rgba(15,25,34,.96), rgba(10,18,25,.96));

  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);

}

.rewards-hub__stat {

  padding: 12px;

  box-sizing: border-box;

}

.rewards-hub__stat-label,

.rewards-hub__fs-item dt,

.rewards-hub__history-kind {

  display: block;

  color: var(--rw-soft);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: .055em;

  text-transform: uppercase;

}

.rewards-hub__stat-label,

.rewards-hub__fs-item dt {

  margin-bottom: 4px;

}

.rewards-hub__stat-value {

  display: block;

  color: #fff;

  font-size: 22px;

  font-weight: 850;

  font-variant-numeric: tabular-nums;

  line-height: 1.15;

}

.rewards-hub__stat-sub {

  display: block;

  margin-top: 5px;

  color: var(--rw-muted);

  font-size: 12px;

}

.rewards-hub__week-block {

  margin-bottom: 14px;

}

.rewards-hub__week {

  display: grid;

  grid-template-columns: repeat(7, minmax(0, 1fr));

  gap: 6px;

}

.rewards-hub__day {

  min-height: 60px;

  padding: 7px 2px 8px;

  text-align: center;

  border: 1px solid rgba(210,226,240,.11);

  border-radius: 12px;

  background: #0b141b;

  box-sizing: border-box;

}

.rewards-hub__day.is-today {

  border-color: rgba(61, 95, 138, .6);

  background: rgba(61, 95, 138, .08);

}

.rewards-hub__day.is-claimed {

  border-color: rgba(73,179,106,.52);

  background: rgba(73,179,106,.1);

}

.rewards-hub__day-label {

  display: block;

  margin-bottom: 2px;

  color: var(--rw-soft);

  font-size: 10px;

  font-weight: 700;

}

.rewards-hub__day-xp,

.rewards-hub__day-mark {

  display: block;

  font-size: 11px;

  font-weight: 800;

}

.rewards-hub__day-xp {

  color: #fff;

  font-variant-numeric: tabular-nums;

}

.rewards-hub__day-prize {

  color: #A8BDD4;

  font-size: 10px;

  font-weight: 800;

  line-height: 1.2;

}

.rewards-hub__streak-theme {

  margin: 0 0 10px;

  color: var(--rw-muted);

  font-size: 13px;

}

.rewards-hub__week-block[hidden] {

  display: none !important;

}

.rewards-hub__day-mark {

  margin-top: 2px;

  color: var(--rw-ok);

}

.rewards-hub__fs-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  margin-bottom: 12px;

}

.rewards-hub__fs-head .rewards-hub__section-title {

  margin: 0;

}

.rewards-hub__badge {

  display: inline-flex;

  align-items: center;

  min-height: 26px;

  padding: 0 10px;

  border: 1px solid rgba(61, 95, 138, .36);

  border-radius: 999px;

  background: rgba(61, 95, 138, .1);

  color: #5B7FA8;

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .03em;

  white-space: nowrap;

}

.rewards-hub__fs-grid {

  margin: 0 0 12px;

}

.rewards-hub__fs-item {

  margin: 0;

  padding: 12px;

}

.rewards-hub__fs-item--wide {

  grid-column: 1 / -1;

}

.rewards-hub__fs-item dd {

  margin: 0;

  color: #fff;

  font-size: 16px;

  font-weight: 850;

  font-variant-numeric: tabular-nums;

}

.rewards-hub__fs-note {

  margin: 0 0 12px;

  min-height: 1.2em;

  color: var(--rw-muted);

  font-size: 13px;

}

.rewards-hub__faq {

  display: flex;

  flex-direction: column;

  gap: 8px;

}

.rewards-hub__faq-item {

  overflow: hidden;

}

.rewards-hub__faq-q {

  list-style: none;

  cursor: pointer;

  padding: 12px 14px;

  color: #fff;

  font-size: 13px;

  font-weight: 800;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

}

.rewards-hub__faq-q::-webkit-details-marker {

  display: none;

}

.rewards-hub__faq-q::after {

  content: '+';

  flex: 0 0 auto;

  color: var(--rw-accent);

  font-size: 16px;

  line-height: 1;

}

.rewards-hub__faq-item[open] .rewards-hub__faq-q::after {

  content: '−';

}

.rewards-hub__faq-a {

  padding: 0 14px 13px;

}

.rewards-hub__faq-a p {

  margin: 0;

  color: var(--rw-muted);

  font-size: 13px;

  line-height: 1.55;

}

.rewards-hub__history {

  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;

  flex-direction: column;

  gap: 8px;

}

.rewards-hub__history-item {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 10px;

  padding: 12px;

}

.rewards-hub__history-main {

  display: flex;

  flex-direction: column;

  gap: 2px;

  min-width: 0;

}

.rewards-hub__history-title {

  color: #fff;

  font-size: 13px;

  font-weight: 800;

  overflow-wrap: anywhere;

}

.rewards-hub__history-meta {

  display: flex;

  flex: 0 0 auto;

  flex-direction: column;

  align-items: flex-end;

  gap: 2px;

  text-align: right;

}

.rewards-hub__history-amount {

  color: #fff;

  font-size: 13px;

  font-weight: 850;

  font-variant-numeric: tabular-nums;

}

.rewards-hub__history-when {

  color: var(--rw-soft);

  font-size: 11px;

  font-variant-numeric: tabular-nums;

}

.rewards-hub__mine-lead {

  margin: 0 0 14px;

  color: var(--rw-muted);

  font-size: 13px;

  line-height: 1.45;

}

.rewards-hub__mine-days {

  display: flex;

  flex-direction: column;

  gap: 16px;

}

.rewards-hub__mine-day-title {

  margin: 0 0 8px;

  color: var(--rw-accent);

  font-size: 12px;

  font-weight: 800;

  letter-spacing: .04em;

  text-transform: uppercase;

}

.rewards-hub__mine-row.is-fs .rewards-hub__history-amount,

.rewards-hub__mine-row.is-fs .rewards-hub__history-title {

  color: #5eead4;

}

.rewards-hub__mine-row.is-cash .rewards-hub__history-amount {

  color: #A8BDD4;

}

.rewards-hub__mine-source {

  display: inline-block;

  margin-right: 6px;

}

.rewards-hub__fs-slide[hidden],

.rewards-hub__panel--fs[hidden] {

  display: none !important;

}

.rewards-hub__fs-card.is-current {

  border-color: var(--rw-line-strong);

}

.rewards-hub__fs-slide-title {

  margin: 0 0 10px;

  color: var(--rw-accent);

  font-size: 12px;

  font-weight: 800;

  letter-spacing: .04em;

  text-transform: uppercase;

}

.rewards-hub__codes {

  margin-bottom: 18px;

}

.rewards-hub__codes[hidden] {

  display: none !important;

}

.rewards-hub__codes-list {

  display: flex;

  flex-direction: column;

  gap: 10px;

}

.rewards-hub__code-card {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 4px;

  width: 100%;

  margin: 0;

  padding: 12px 14px;

  border: 1px solid var(--rw-line-strong);

  border-radius: 14px;

  background: var(--rw-elevated);

  box-shadow: var(--rw-shadow);

  color: inherit;

  text-align: left;

  cursor: pointer;

  font: inherit;

}

.rewards-hub__code-card.is-current {

  border-color: var(--rw-line-strong);

  box-shadow: 0 0 0 1px rgba(61, 95, 138, .28), var(--rw-shadow);

}

.rewards-hub__code-card:hover,

.rewards-hub__code-card:focus-visible {

  border-color: #3D5F8A;

  outline: none;

}

.rewards-hub__code-card-code {

  color: #A8BDD4;

  font-size: 13px;

  font-weight: 850;

  letter-spacing: .06em;

  text-transform: uppercase;

}

.rewards-hub__code-card-title {

  margin: 0;

  color: #fff;

  font-size: 15px;

  font-weight: 800;

  line-height: 1.3;

}

.rewards-hub__code-card-meta {

  margin: 0;

  color: var(--rw-muted);

  font-size: 12px;

}

.rewards-hub__code-card-hint {

  margin: 2px 0 0;

  color: var(--rw-soft);

  font-size: 11px;

}

.rewards-hub__detail {

  position: fixed;

  inset: 0;

  z-index: 13000;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 18px 12px;

  background: rgba(0, 0, 0, .62);

  box-sizing: border-box;

}

.rewards-hub__detail[hidden] {

  display: none !important;

}

.rewards-hub__detail-card {

  position: relative;

  width: min(520px, 100%);

  max-height: min(86vh, 720px);

  overflow: auto;

  padding: 22px 18px 20px;

  border: 1px solid var(--rw-line-strong);

  border-radius: 16px;

  background: linear-gradient(180deg, #121c26, #0c141b);

  box-shadow: 0 22px 48px rgba(0, 0, 0, .48);

  box-sizing: border-box;

}

.rewards-hub__detail-close {

  position: absolute;

  top: 12px;

  right: 12px;

  min-height: 36px;

  padding: 0 12px;

  border: 1px solid rgba(122, 167, 199, .34);

  border-radius: 10px;

  background: #162636;

  color: #edf4f7;

  font-size: 13px;

  font-weight: 800;

  cursor: pointer;

}

.rewards-hub__detail-img {

  display: block;

  width: 100%;

  max-height: 180px;

  margin: 8px 0 14px;

  object-fit: cover;

  border-radius: 12px;

  background: var(--rw-panel-2);

}

.rewards-hub__detail-img[hidden] {

  display: none !important;

}

.rewards-hub__detail-kicker {

  margin: 8px 36px 6px 0;

  color: #A8BDD4;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;

}

.rewards-hub__detail-title {

  margin: 0 36px 14px 0;

  color: #fff;

  font-size: 22px;

  font-weight: 850;

  line-height: 1.25;

  text-align: left;

}

.rewards-hub__detail-body {

  display: flex;

  flex-direction: column;

  gap: 10px;

}

.rewards-hub__detail-body p {

  margin: 0;

  color: #d7e2ea;

  font-size: 14px;

  line-height: 1.55;

}

html.rw-detail-open {

  overflow: hidden;

}

.rewards-hub__camp-list {

  display: flex;

  flex-direction: column;

  gap: 10px;

  width: 100%;

  max-width: 100%;

  min-width: 0;

}

.rewards-hub__camp {

  display: flex;

  flex-direction: column;

  align-items: stretch;

  gap: 8px;

  width: 100%;

  max-width: 100%;

  min-width: 0;

  padding: 12px 14px;

  border: 1px solid var(--rw-line-strong);

  border-radius: 14px;

  background: var(--rw-elevated);

  box-shadow: var(--rw-shadow);

  overflow: hidden;

}

.rewards-hub__camp.is-ready {

  box-shadow: 0 0 0 1px rgba(61, 95, 138, .28), var(--rw-shadow);

}

.rewards-hub__camp:hover,

.rewards-hub__camp:focus-within {

  border-color: #3D5F8A;

}

.rewards-hub__camp-body {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 4px;

  width: 100%;

  max-width: 100%;

  min-width: 0;

  margin: 0;

  padding: 0;

  border: 0;

  background: transparent;

  color: inherit;

  text-align: left;

  cursor: pointer;

  font: inherit;

}

.rewards-hub__camp-body:focus-visible {

  outline: 2px solid rgba(61, 95, 138, .55);

  outline-offset: 2px;

}

.rewards-hub__camp-code {

  max-width: 100%;

  color: #A8BDD4;

  font-size: 13px;

  font-weight: 850;

  letter-spacing: .06em;

  text-transform: uppercase;

  overflow-wrap: anywhere;

}

.rewards-hub__camp-title {

  margin: 0;

  max-width: 100%;

  color: #fff;

  font-size: 15px;

  font-weight: 800;

  line-height: 1.3;

  overflow-wrap: anywhere;

}

.rewards-hub__camp-desc {

  margin: 0;

  max-width: 100%;

  color: var(--rw-muted);

  font-size: 13px;

  line-height: 1.45;

  overflow-wrap: anywhere;

}

.rewards-hub__camp-meta,

.rewards-hub__camp-why {

  margin: 0;

  max-width: 100%;

  color: var(--rw-soft);

  font-size: 12px;

  overflow-wrap: anywhere;

}

.rewards-hub__camp-why {

  color: #f0b5b5;

}

.rewards-hub__camp-actions {

  display: flex;

  width: 100%;

  max-width: 100%;

  min-width: 0;

}

.rewards-hub__camp-actions .rewards-hub__claim,

.rewards-hub__camp-actions a.rewards-hub__claim {

  margin-top: 4px;

  align-self: stretch;

  width: 100%;

  min-height: 40px;

  font-size: 12px;

  letter-spacing: .04em;

  text-align: center;

  text-decoration: none;

  box-sizing: border-box;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}

.rewards-hub__why {

  margin: 10px 0 0;

  padding: 0 0 0 18px;

  color: #f0b5b5;

  font-size: 13px;

}

.rewards-hub__why[hidden] {

  display: none !important;

}

.rewards-hub__fs-track {

  display: flex;

  gap: 12px;

  overflow-x: auto;

  scroll-snap-type: x mandatory;

  -webkit-overflow-scrolling: touch;

  padding: 2px 2px 12px;

  scrollbar-width: thin;

}

.rewards-hub__fs-track::-webkit-scrollbar {

  height: 4px;

}

.rewards-hub__fs-track::-webkit-scrollbar-thumb {

  background: rgba(61, 95, 138, 0.45);

  border-radius: 4px;

}

.rewards-hub__fs-card {

  flex: 0 0 min(82%, 280px);

  scroll-snap-align: start;

  display: flex;

  gap: 12px;

  padding: 12px;

  border: 1px solid var(--rw-line-strong);

  border-radius: 14px;

  background: var(--rw-elevated);

  box-shadow: var(--rw-shadow);

}

.rewards-hub__fs-card-thumb {

  flex: 0 0 72px;

  width: 72px;

  height: 72px;

  overflow: hidden;

  border-radius: 10px;

  background: var(--rw-panel-2);

}

.rewards-hub__fs-card-thumb img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.rewards-hub__fs-card-body {

  min-width: 0;

  display: flex;

  flex: 1 1 auto;

  flex-direction: column;

  gap: 4px;

}

.rewards-hub__fs-card-name {

  margin: 0;

  color: #fff;

  font-size: 14px;

  font-weight: 800;

  overflow-wrap: anywhere;

}

.rewards-hub__fs-card-remain {

  margin: 0;

  color: #5eead4;

  font-size: 16px;

  font-weight: 850;

  font-variant-numeric: tabular-nums;

}

.rewards-hub__fs-card-meta {

  margin: 0;

  color: var(--rw-muted);

  font-size: 12px;

  line-height: 1.4;

}

.rewards-hub__fs-card-play {

  margin-top: 8px;

  align-self: stretch;

  width: 100%;

  min-height: 40px;

  font-size: 12px;

  letter-spacing: .04em;

}

.rewards-hub__empty {

  margin: 0;

  color: var(--rw-muted);

  font-size: 13px;

}

.rewards-hub__panel--wheel {

  padding: 10px;

  overflow: visible;

}

.rewards-hub__panel.rewards-hub__panel--wheel {

  overflow: visible;

}

.rewards-hub__panel--wheel::before {

  display: none;

}

.rewards-hub__panel--spin-off {

  text-align: center;

}

.rewards-hub__spin-off {

  margin: 0;

  color: var(--rw-muted);

  font-size: 14px;

  line-height: 1.5;

}

.rewards-hub__claim {

  position: relative;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  width: 100%;

  min-height: 48px;

  border: 1px solid var(--rw-btn-border) !important;

  border-radius: 14px;

  padding: 0 16px;

  color: #ffffff !important;

  -webkit-text-fill-color: #ffffff !important;

  background: linear-gradient(45deg, #3D5F8A 0%, #e63d8a 100%) !important;

  background-image: linear-gradient(45deg, #3D5F8A 0%, #e63d8a 100%) !important;

  box-shadow: 0 10px 20px rgba(61, 95, 138, .28), inset 0 1px 0 rgba(255, 255, 255, .22) !important;

  font-size: 14px;

  font-weight: 850;

  letter-spacing: .01em;

  cursor: pointer;

  box-sizing: border-box;

  text-transform: none !important;

  transition: transform var(--rw-fast), filter var(--rw-fast), box-shadow var(--rw-fast), background var(--rw-fast);

}

.rewards-hub__claim-lottie {

  width: 30px;

  height: 30px;

  flex: 0 0 30px;

  display: none;

}

.rewards-hub__claim-lottie.is-on {

  display: block;

}

.rewards-hub__claim.is-claimed .rewards-hub__claim-lottie {

  width: 42px;

  height: 42px;

  flex: 0 0 42px;

}

.rewards-hub__claim-lottie svg,

.rewards-hub__fx-stage svg {

  display: block;

  width: 100%;

  height: 100%;

}

.rewards-hub__claim-label {

  min-width: 0;

}

.rewards-hub__claim--secondary {

  color: #edf4f7 !important;

  -webkit-text-fill-color: #edf4f7 !important;

  background: linear-gradient(180deg, #1b2c3c, #122131) !important;

  background-image: linear-gradient(180deg, #1b2c3c, #122131) !important;

  border-color: rgba(122,167,199,.34) !important;

  box-shadow: 0 8px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important;

}

.rewards-hub__claim:hover:not(:disabled):not(.is-claimed):not(.rewards-hub__claim--secondary),

.rewards-hub__claim:focus-visible:not(:disabled):not(.is-claimed):not(.rewards-hub__claim--secondary) {

  filter: brightness(1.06);

  outline: none;

  transform: translateY(-1px);

  background: linear-gradient(45deg, #2A4A73 0%, #3D5F8A 100%) !important;

  background-image: linear-gradient(45deg, #2A4A73 0%, #3D5F8A 100%) !important;

  border-color: #2A4A73 !important;

  box-shadow: 0 14px 25px rgba(61, 95, 138, .35), inset 0 1px 0 rgba(255, 255, 255, .22) !important;

}

.rewards-hub__claim--secondary:hover:not(:disabled),

.rewards-hub__claim--secondary:focus-visible:not(:disabled) {

  background: linear-gradient(180deg, #1b2c3c, #122131) !important;

  background-image: linear-gradient(180deg, #1b2c3c, #122131) !important;

  border-color: rgba(122,167,199,.34) !important;

  box-shadow: 0 12px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;

}

.rewards-hub__claim:active:not(:disabled) {

  transform: translateY(0);

  filter: brightness(.98);

}

.rewards-hub__claim:disabled {

  opacity: .74;

  cursor: not-allowed;

  pointer-events: none;

  color: #9aa9b3 !important;

  -webkit-text-fill-color: #9aa9b3 !important;

  background: linear-gradient(180deg, #15222d, #0f1a23) !important;

  background-image: linear-gradient(180deg, #15222d, #0f1a23) !important;

  border-color: rgba(210,226,240,.11) !important;

  box-shadow: none !important;

}

.rewards-hub__claim.is-claimed,

.rewards-hub__claim.is-claimed:disabled {

  opacity: 1;

  border-color: rgba(73,179,106,.4) !important;

  color: #d6f2de !important;

  -webkit-text-fill-color: #d6f2de !important;

  background: linear-gradient(180deg, #183023, #12251b) !important;

  background-image: linear-gradient(180deg, #183023, #12251b) !important;

}

.rewards-hub__alert {

  display: none;

  align-items: flex-start;

  gap: 8px;

  margin: 10px 0 0;

  padding: 11px 12px;

  border-radius: 12px;

  font-size: 13px;

  line-height: 1.4;

  text-align: left;

}

.rewards-hub__alert--global {

  margin-top: 6px;

}

.rewards-hub__alert--toast {

  position: fixed;

  top: calc(12px + env(safe-area-inset-top, 0px));

  left: 50%;

  transform: translateX(-50%);

  z-index: 14050;

  display: none;

  width: min(520px, calc(100vw - 24px));

  max-width: calc(100vw - 24px);

  margin: 0;

  padding: 13px 16px;

  border-radius: 14px;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.45;

  box-shadow: 0 16px 36px rgba(0, 0, 0, .42);

  pointer-events: none;

}

html.is-web .rewards-hub__alert--toast {

  top: calc(68px + env(safe-area-inset-top, 0px));

}

html.is-mobile .rewards-hub__alert--toast {

  top: calc(58px + env(safe-area-inset-top, 0px));

}

.rewards-hub__alert.is-visible {

  display: flex;

}

.rewards-hub__alert--toast.is-visible {

  display: flex;

}

.rewards-hub__alert.is-ok {

  background: rgba(73,179,106,.1);

  border: 1px solid rgba(73,179,106,.4);

  color: #b9efc5;

}

.rewards-hub__alert--toast.is-ok {

  background: rgba(18, 42, 28, .96);

  border: 1px solid rgba(73,179,106,.55);

  color: #d6f2de;

}

.rewards-hub__alert.is-err {

  background: rgba(217,99,99,.1);

  border: 1px solid rgba(217,99,99,.4);

  color: #f0b5b5;

}

.rewards-hub__alert--toast.is-err {

  background: rgba(48, 18, 22, .96);

  border: 1px solid rgba(217,99,99,.55);

  color: #f7cfcf;

}

.rewards-hub__code-form {

  display: flex;

  gap: 8px;

  align-items: stretch;

}

.rewards-hub__code-input {

  flex: 1 1 auto;

  min-width: 0;

  height: 48px;

  border: 1px solid var(--rw-line-strong);

  border-radius: 14px;

  padding: 0 14px;

  background: var(--rw-panel-2);

  color: #fff;

  font-size: 15px;

  font-weight: 800;

  letter-spacing: .04em;

  text-transform: uppercase;

  box-sizing: border-box;

}

.rewards-hub__code-input::placeholder {

  color: var(--rw-muted);

  font-weight: 600;

  letter-spacing: 0;

  text-transform: none;

}

.rewards-hub__code-input:focus {

  outline: 2px solid rgba(61, 95, 138, .55);

  outline-offset: 1px;

  border-color: #3D5F8A;

}

.rewards-hub__code-btn {

  flex: 0 0 auto;

  width: auto;

  min-width: 108px;

}

.rewards-hub__congrats[hidden] {

  display: none !important;

}

.rewards-hub__congrats {

  margin: 12px 0 0;

  padding: 12px 14px;

  border-radius: 12px;

  border: 1px solid rgba(61, 95, 138, .45);

  background: rgba(61, 95, 138, .16);

}

.rewards-hub__congrats-title {

  margin: 0 0 4px;

  color: #fff;

  font-size: 16px;

  font-weight: 850;

}

.rewards-hub__congrats-text {

  margin: 0;

  color: #ffd0e8;

  font-size: 14px;

  line-height: 1.4;

}

@media (max-width: 520px) {

  .rewards-hub__code-form {

    flex-direction: column;

  }

  .rewards-hub__code-btn {

    width: 100%;

    min-width: 0;

  }

}

.rewards-hub__login {

  text-align: center;

  padding: 20px 16px;

}

.rewards-hub__login p {

  margin: 0 0 12px;

  color: var(--rw-muted);

  font-size: 14px;

}

.rewards-hub__login .rewards-hub__claim {

  max-width: 280px;

}

.rewards-hub [hidden],

.rewards-hub__main[hidden],

.rewards-hub__login[hidden],

.rewards-hub__tab-panel[hidden] {

  display: none !important;

}

.rewards-hub__fx {

  position: fixed;

  inset: 0;

  z-index: 12000;

  display: flex;

  align-items: center;

  justify-content: center;

  pointer-events: none;

  opacity: 0;

  visibility: hidden;

  background: rgba(0, 0, 0, .38);

  transition: opacity var(--rw-fast), visibility var(--rw-fast);

}

.rewards-hub__fx.is-on {

  opacity: 1;

  visibility: visible;

}

.rewards-hub__fx-stage {

  width: min(280px, 70vw);

  height: min(280px, 70vw);

}

@media (max-width: 720px) {

  .layout-content-holder-bc.rewards-page {

    max-width: 100%;

    padding: 12px 10px 24px;

  }

  .rewards-hub__hero-inner {

    align-items: flex-start;

    gap: 12px;

    padding: 14px;

  }

  .rewards-hub__icon {

    width: 58px;

    height: 58px;

    flex-basis: 58px;

    border-radius: 16px;

  }

  .rewards-hub__tabs {

    top: 6px;

    gap: 6px;

    padding: 6px;

    border-radius: 16px;

  }

  .rewards-hub__tab {

    min-height: 46px;

    padding: 0 10px;

    border-radius: 13px;

    font-size: 13px;

  }

}

@media (max-width: 640px) {

  .rewards-hub__tabs {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

}

@media (max-width: 480px) {

  .rewards-hub__title {

    font-size: 22px;

  }

  .rewards-hub__lead {

    font-size: 13px;

  }

  .rewards-hub__tab-face {

    gap: 6px;

  }

  .rewards-hub__tab-icon {

    width: 18px;

    height: 18px;

    flex-basis: 18px;

  }

  .rewards-hub__tab {

    font-size: 12px;

    padding: 0 6px;

  }

  .rewards-hub__ladder-wrap {

    padding: 10px 6px 8px;

  }

  .rewards-hub__ladder-svg {

    min-height: 118px;

    max-height: 160px;

  }

  .rewards-hub__panel {

    border-radius: 15px;

    padding: 13px;

  }

  .rewards-hub__stats,

  .rewards-hub__fs-grid {

    gap: 8px;

  }

  .rewards-hub__week {

    gap: 4px;

  }

  .rewards-hub__day {

    min-height: 54px;

    border-radius: 10px;

    padding: 6px 1px;

  }

  .rewards-hub__history-item {

    flex-direction: column;

    align-items: stretch;

  }

  .rewards-hub__history-meta {

    align-items: flex-start;

    text-align: left;

    flex-direction: row;

    justify-content: space-between;

  }

}

@media (max-width: 380px) {

  .rewards-hub__fs-grid {

    grid-template-columns: 1fr;

  }

  .rewards-hub__hero-inner {

    gap: 10px;

    padding: 12px;

  }

}

@media (min-width: 960px) {

  .layout-content-holder-bc.rewards-page {

    max-width: 64rem;

  }

  .rewards-hub__main {

    display: grid;

    grid-template-columns: minmax(0, 1.18fr) minmax(300px, .82fr);

    gap: 14px;

    align-items: start;

  }

  .rewards-hub__panel--level,

  .rewards-hub__alert--global {

    grid-column: 1 / -1;

  }

  .rewards-hub__claim {

    min-height: 50px;

  }

}

@media (prefers-reduced-motion: reduce) {

  .rewards-hub__tab,

  .rewards-hub__tab-icon,

  .rewards-hub__claim,

  .rewards-hub__bar-fill,

  .rewards-hub__fx {

    transition: none;

    animation: none;

  }

  .rewards-hub__tab-panel.is-active {

    animation: none;

  }

  .rewards-hub__fx,

  .rewards-hub__fx.is-on {

    display: none;

  }

  .rewards-hub__claim-lottie,

  .rewards-hub__icon {

    display: none;

  }

}

html.is-web .rewards-hub button.rewards-hub__tab,

html.is-mobile .rewards-hub button.rewards-hub__tab,

html.is-web .layout-content-holder-bc.rewards-page .rewards-hub button.rewards-hub__tab,

html.is-mobile .layout-content-holder-bc.rewards-page .rewards-hub button.rewards-hub__tab,

html.is-web .rewards-hub a.rewards-hub__tab,

html.is-mobile .rewards-hub a.rewards-hub__tab,

html.is-web .layout-content-holder-bc.rewards-page .rewards-hub a.rewards-hub__tab,

html.is-mobile .layout-content-holder-bc.rewards-page .rewards-hub a.rewards-hub__tab {

  background: linear-gradient(180deg, #1b2c3c, #122131) !important;

  background-image: linear-gradient(180deg, #1b2c3c, #122131) !important;

  border: 1px solid rgba(122, 167, 199, .28) !important;

  color: #aab8c3 !important;

  -webkit-text-fill-color: #aab8c3 !important;

  box-shadow: 0 8px 18px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .04) !important;

  text-transform: none !important;

}

html.is-web .rewards-hub button.rewards-hub__tab.is-active,

html.is-web .rewards-hub button.rewards-hub__tab[aria-selected="true"],

html.is-mobile .rewards-hub button.rewards-hub__tab.is-active,

html.is-mobile .rewards-hub button.rewards-hub__tab[aria-selected="true"],

html.is-web .layout-content-holder-bc.rewards-page .rewards-hub button.rewards-hub__tab.is-active,

html.is-mobile .layout-content-holder-bc.rewards-page .rewards-hub button.rewards-hub__tab.is-active {

  background: linear-gradient(45deg, #3D5F8A 0%, #e63d8a 100%) !important;

  background-image: linear-gradient(45deg, #3D5F8A 0%, #e63d8a 100%) !important;

  border-color: #3D5F8A !important;

  color: #ffffff !important;

  -webkit-text-fill-color: #ffffff !important;

  box-shadow: 0 10px 20px rgba(61, 95, 138, .28), inset 0 1px 0 rgba(255, 255, 255, .22) !important;

}

html.is-web .rewards-hub button.rewards-hub__tab:hover:not(.is-active):not(:disabled),

html.is-mobile .rewards-hub button.rewards-hub__tab:hover:not(.is-active):not(:disabled),

html.is-web .rewards-hub a.rewards-hub__tab:hover,

html.is-mobile .rewards-hub a.rewards-hub__tab:hover {

  background: linear-gradient(180deg, #22384c, #162636) !important;

  background-image: linear-gradient(180deg, #22384c, #162636) !important;

  border-color: rgba(61, 95, 138, .32) !important;

  color: #f6f1e5 !important;

  -webkit-text-fill-color: #f6f1e5 !important;

  box-shadow: 0 8px 18px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .04) !important;

}

html.is-web .rewards-hub button.rewards-hub__tab.is-active:hover:not(:disabled),

html.is-web .rewards-hub button.rewards-hub__tab[aria-selected="true"]:hover:not(:disabled),

html.is-mobile .rewards-hub button.rewards-hub__tab.is-active:hover:not(:disabled),

html.is-mobile .rewards-hub button.rewards-hub__tab[aria-selected="true"]:hover:not(:disabled) {

  background: linear-gradient(45deg, #2A4A73 0%, #3D5F8A 100%) !important;

  background-image: linear-gradient(45deg, #2A4A73 0%, #3D5F8A 100%) !important;

  border-color: #2A4A73 !important;

  box-shadow: 0 14px 25px rgba(61, 95, 138, .35), inset 0 1px 0 rgba(255, 255, 255, .22) !important;

}

html.is-web .rewards-hub button.rewards-hub__claim,

html.is-mobile .rewards-hub button.rewards-hub__claim,

html.is-web .layout-content-holder-bc.rewards-page .rewards-hub button.rewards-hub__claim,

html.is-mobile .layout-content-holder-bc.rewards-page .rewards-hub button.rewards-hub__claim {

  background: linear-gradient(45deg, #3D5F8A 0%, #e63d8a 100%) !important;

  background-image: linear-gradient(45deg, #3D5F8A 0%, #e63d8a 100%) !important;

  border: 1px solid #3D5F8A !important;

  color: #ffffff !important;

  -webkit-text-fill-color: #ffffff !important;

  box-shadow: 0 10px 20px rgba(61, 95, 138, .28), inset 0 1px 0 rgba(255, 255, 255, .22) !important;

  text-transform: none !important;

}

html.is-web .rewards-hub button.rewards-hub__claim:hover:not(:disabled):not(.is-claimed):not(.rewards-hub__claim--secondary),

html.is-mobile .rewards-hub button.rewards-hub__claim:hover:not(:disabled):not(.is-claimed):not(.rewards-hub__claim--secondary) {

  background: linear-gradient(45deg, #2A4A73 0%, #3D5F8A 100%) !important;

  background-image: linear-gradient(45deg, #2A4A73 0%, #3D5F8A 100%) !important;

  border-color: #2A4A73 !important;

  box-shadow: 0 14px 25px rgba(61, 95, 138, .35), inset 0 1px 0 rgba(255, 255, 255, .22) !important;

}

html.is-web .rewards-hub button.rewards-hub__claim.rewards-hub__claim--secondary,

html.is-mobile .rewards-hub button.rewards-hub__claim.rewards-hub__claim--secondary {

  background: linear-gradient(180deg, #1b2c3c, #122131) !important;

  background-image: linear-gradient(180deg, #1b2c3c, #122131) !important;

  border-color: rgba(122, 167, 199, .34) !important;

  color: #edf4f7 !important;

  -webkit-text-fill-color: #edf4f7 !important;

}

html.is-web .rewards-hub button.rewards-hub__claim:disabled,

html.is-mobile .rewards-hub button.rewards-hub__claim:disabled {

  background: linear-gradient(180deg, #15222d, #0f1a23) !important;

  background-image: linear-gradient(180deg, #15222d, #0f1a23) !important;

  border-color: rgba(210, 226, 240, .11) !important;

  color: #9aa9b3 !important;

  -webkit-text-fill-color: #9aa9b3 !important;

  box-shadow: none !important;

}

html.is-web .rewards-hub a.rewards-hub__claim,

html.is-mobile .rewards-hub a.rewards-hub__claim {

  background: linear-gradient(45deg, #3D5F8A 0%, #e63d8a 100%) !important;

  background-image: linear-gradient(45deg, #3D5F8A 0%, #e63d8a 100%) !important;

  border: 1px solid #3D5F8A !important;

  color: #ffffff !important;

  -webkit-text-fill-color: #ffffff !important;

  box-shadow: 0 10px 20px rgba(61, 95, 138, .28), inset 0 1px 0 rgba(255, 255, 255, .22) !important;

  text-transform: none !important;

  text-decoration: none !important;

}

html.is-web .rewards-hub button.rewards-hub__claim.is-claimed,

html.is-web .rewards-hub button.rewards-hub__claim.is-claimed:disabled,

html.is-mobile .rewards-hub button.rewards-hub__claim.is-claimed,

html.is-mobile .rewards-hub button.rewards-hub__claim.is-claimed:disabled {

  background: linear-gradient(180deg, #183023, #12251b) !important;

  background-image: linear-gradient(180deg, #183023, #12251b) !important;

  border-color: rgba(73, 179, 106, .4) !important;

  color: #d6f2de !important;

  -webkit-text-fill-color: #d6f2de !important;

}

html.is-web .rewards-hub button.rewards-hub__fs-card-play,

html.is-mobile .rewards-hub button.rewards-hub__fs-card-play,

html.is-web .layout-content-holder-bc.rewards-page .rewards-hub button.rewards-hub__fs-card-play,

html.is-mobile .layout-content-holder-bc.rewards-page .rewards-hub button.rewards-hub__fs-card-play {

  min-height: 40px !important;

  width: 100%;

  font-size: 12px !important;

  letter-spacing: .04em;

}

html.is-web .rewards-hub button.rewards-hub__code-card,

html.is-mobile .rewards-hub button.rewards-hub__code-card,

html.is-web .layout-content-holder-bc.rewards-page .rewards-hub button.rewards-hub__code-card,

html.is-mobile .layout-content-holder-bc.rewards-page .rewards-hub button.rewards-hub__code-card {

  background: var(--rw-elevated) !important;

  background-image: none !important;

  border: 1px solid var(--rw-line-strong) !important;

  color: inherit !important;

  -webkit-text-fill-color: inherit !important;

  box-shadow: var(--rw-shadow) !important;

  text-transform: none !important;

  min-height: 0 !important;

  width: 100%;

}



.rewards-hub.kayip-bonusu-hub {

  padding: 0;

  width: 100%;

}



.rewards-hub__hero.kb-hero {

  background: rgb(4, 25, 59) !important;

  border: 1px solid #D8A950 !important;

  border-radius: 10px !important;

  box-shadow: 0 10px 20px rgba(4, 25, 59, 0.35) !important;

  margin: 10px 0 14px !important;

}

.kb-hero-icon-wrap {

  position: relative;

  width: 52px;

  height: 52px;

  flex: 0 0 52px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(7, 21, 43, 0.9);

  border: 1px solid #D8A950;

  border-radius: 10px;

  box-shadow: 0 4px 12px rgba(216, 169, 80, 0.25);

}

.kb-hero-icon-pulse {

  position: absolute;

  inset: -2px;

  border-radius: 12px;

  border: 1px solid rgba(216, 169, 80, 0.4);

  opacity: 0.6;

  animation: kbPulse 2.5s infinite ease-in-out;

}

@keyframes kbPulse {

  0%, 100% { transform: scale(1); opacity: 0.4; }

  50% { transform: scale(1.06); opacity: 0.8; }

}

.kb-hero-icon {

  font-size: 24px;

  color: #D8A950;

}

.kb-hero-eyebrow {

  display: inline-flex;

  align-items: center;

  gap: 6px;

  font-family: Outfit, Arial, sans-serif;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.12em;

  color: #D8A950;

  text-transform: uppercase;

  margin-bottom: 3px;

}

.kb-sparkle-dot {

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: #D8A950;

  box-shadow: 0 0 6px #D8A950;

}

.kb-title-gold {

  font-family: Outfit, Arial, sans-serif !important;

  font-size: clamp(20px, 3vw, 26px) !important;

  font-weight: 800 !important;

  line-height: 1.2 !important;

  margin: 0 0 4px 0 !important;

  text-transform: uppercase !important;

  background: var(--gold, linear-gradient(138deg, rgba(93, 68, 41, 1) 0%, rgba(160, 128, 92, 1) 25%, rgba(224, 200, 162, 1) 50%, rgba(170, 140, 100, 1) 75%, rgba(93, 68, 41, 1) 100%)) !important;

  -webkit-background-clip: text !important;

  background-clip: text !important;

  -webkit-text-fill-color: transparent !important;

  color: transparent !important;

}

.kb-lead {

  font-size: 13px !important;

  color: #AAB8C3 !important;

  margin: 0 !important;

  line-height: 1.4 !important;

}



.kb-layout-grid {

  display: grid;

  grid-template-columns: 1.15fr 0.85fr;

  gap: 16px;

  align-items: start;

  width: 100%;

}

.kb-grid-col {

  display: flex;

  flex-direction: column;

  gap: 16px;

  min-width: 0;

}

.kb-panel-card {

  background: rgb(4, 25, 59) !important;

  border: 1px solid #D8A950 !important;

  border-radius: 10px !important;

  padding: 18px !important;

  box-shadow: 0 10px 20px rgba(4, 25, 59, 0.35) !important;

  position: relative;

  overflow: hidden;

}

.kb-card-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  gap: 8px;

  margin-bottom: 14px;

  padding-bottom: 10px;

  border-bottom: 1px solid rgba(216, 169, 80, 0.2);

}

.kb-card-title {

  font-family: Outfit, Arial, sans-serif !important;

  font-size: 14.5px !important;

  font-weight: 700 !important;

  color: #D8A950 !important;

  display: flex;

  align-items: center;

  gap: 8px;

  margin: 0 0 2px 0 !important;

  text-transform: uppercase;

}

.kb-card-subtitle {

  font-size: 12px;

  color: #8FA2B5;

  margin: 0;

  line-height: 1.4;

}



.kb-options-list {

  display: flex;

  flex-direction: column;

  gap: 8px;

}

.kb-options-loading,

.kb-options-empty {

  padding: 18px;

  text-align: center;

  color: #8FA2B5;

  font-size: 13px;

  background: rgba(7, 21, 43, 0.5);

  border-radius: 8px;

}

.kb-option-item {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 12px 14px;

  background: rgba(7, 21, 43, 0.7);

  border: 1px solid rgba(216, 169, 80, 0.25);

  border-radius: 8px;

  cursor: pointer;

  transition: all 0.2s ease;

  user-select: none;

}

.kb-option-item:hover {

  background: rgba(216, 169, 80, 0.08);

  border-color: #D8A950;

  transform: translateY(-1px);

}

.kb-option-item.is-selected {

  background: rgba(216, 169, 80, 0.15);

  border-color: #FFE066;

  box-shadow: 0 0 12px rgba(216, 169, 80, 0.2);

}

.kb-opt-head {

  display: flex;

  align-items: center;

  gap: 12px;

  width: 100%;

  justify-content: space-between;

}

.kb-opt-radio-wrap {

  flex: 0 0 18px;

}

.kb-opt-radio {

  display: block;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  border: 2px solid rgba(216, 169, 80, 0.6);

  background: transparent;

  transition: all 0.2s ease;

  position: relative;

}

.kb-opt-radio.is-checked {

  border-color: #FFE066;

  background: #D8A950;

  box-shadow: 0 0 8px #FFE066;

}

.kb-opt-radio.is-checked::after {

  content: '';

  position: absolute;

  inset: 3px;

  border-radius: 50%;

  background: #04193B;

}

.kb-opt-info {

  flex: 1 1 auto;

  min-width: 0;

}

.kb-opt-title-row {

  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

  margin-bottom: 2px;

}

.kb-opt-title {

  font-size: 13px;

  font-weight: 700;

  color: #F1F5F9;

}

.kb-opt-badge-rec {

  font-size: 10px;

  font-weight: 800;

  background: linear-gradient(180deg, #FBE38E 0%, #D8A950 100%);

  color: #04193B;

  padding: 2px 7px;

  border-radius: 4px;

  text-transform: uppercase;

  letter-spacing: 0.03em;

}

.kb-opt-desc {

  font-size: 11.5px;

  color: #8FA2B5;

  margin: 0;

  line-height: 1.3;

}

.kb-opt-calc {

  text-align: right;

  flex: 0 0 auto;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  gap: 2px;

}

.kb-opt-calc-label {

  font-size: 10.5px;

  color: #8FA2B5;

  text-transform: uppercase;

}

.kb-opt-calc-val {

  font-size: 13.5px;

  font-weight: 700;

  color: #CBD5E1;

}

.kb-opt-calc-val.kb-val--positive {

  color: #FFE066;

  font-weight: 800;

}

.kb-badge-group {

  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

}

.kb-badge {

  display: inline-flex;

  align-items: center;

  gap: 6px;

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 0.05em;

  padding: 5px 12px;

  border-radius: 6px;

}

.kb-badge--gold {

  background: linear-gradient(180deg, #FBE38E 0%, #D8A950 50%, #B88628 100%);

  color: #030E20;

  box-shadow: 0 2px 8px rgba(216, 169, 80, 0.3);

}

.kb-badge--subtle {

  background: rgba(7, 21, 43, 0.8);

  border: 1px solid rgba(216, 169, 80, 0.3);

  color: #CBD5E1;

}



.kb-calc-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 10px;

  margin-bottom: 16px;

}

.kb-calc-box {

  background: rgba(7, 21, 43, 0.85);

  border: 1px solid rgba(216, 169, 80, 0.3);

  border-radius: 8px;

  padding: 12px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  gap: 6px;

  transition: transform 0.2s ease, border-color 0.2s ease;

}

.kb-calc-box:hover {

  transform: translateY(-2px);

  border-color: #D8A950;

  box-shadow: 0 6px 16px rgba(4, 25, 59, 0.4);

}

.kb-calc-box-head {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 6px;

}

.kb-calc-label {

  font-size: 11px;

  font-weight: 700;

  color: #AAB8C3;

  text-transform: uppercase;

  letter-spacing: 0.04em;

}

.kb-calc-icon {

  font-size: 14px;

  opacity: 0.9;

}

.kb-calc-icon--blue { color: #60A5FA; }

.kb-calc-icon--slot { color: #F43F5E; }

.kb-calc-icon--sport { color: #34D399; }

.kb-calc-icon--gold { color: #FFE066; }

.kb-calc-box-body {

  margin: 2px 0;

}

.kb-calc-val {

  font-size: 17px;

  font-weight: 800;

  color: #F8FAFC;

  font-family: Outfit, Arial, sans-serif;

}

.kb-calc-val.text-loss {

  color: #F87171;

}

.kb-calc-box--highlight {

  background: linear-gradient(145deg, rgba(7, 21, 43, 0.95), rgba(4, 25, 59, 0.95));

  border: 1px solid #D8A950;

  box-shadow: 0 4px 14px rgba(216, 169, 80, 0.15);

}

.kb-calc-label--gold {

  color: #FFE066;

}

.kb-calc-val--gold {

  font-size: 20px;

  color: #FFE066;

}



.kb-action-wrap {

  display: flex;

  flex-direction: column;

  gap: 12px;

}

.kb-claim-btn {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  width: 100%;

  min-height: 48px;

  padding: 14px 20px;

  background: linear-gradient(180deg, #FBE38E 0%, #D8A950 50%, #B88628 100%);

  border: 1px solid #FFE066;

  border-radius: 8px;

  color: #030E20;

  font-family: Outfit, Arial, sans-serif;

  font-size: 15px;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  cursor: pointer;

  box-shadow: 0 4px 16px rgba(216, 169, 80, 0.35);

  transition: all 0.2s ease;

}

.kb-claim-btn:hover:not(:disabled) {

  transform: translateY(-2px);

  box-shadow: 0 6px 20px rgba(216, 169, 80, 0.5);

  background: linear-gradient(180deg, #FFF0B3 0%, #E2B65E 50%, #C49232 100%);

}

.kb-claim-btn:disabled {

  opacity: 0.45;

  cursor: not-allowed;

  filter: grayscale(0.6);

  transform: none;

  box-shadow: none;

}

.kb-btn-icon {

  font-size: 18px;

}

.kb-btn-arrow {

  font-size: 14px;

  transition: transform 0.2s ease;

}

.kb-claim-btn:hover:not(:disabled) .kb-btn-arrow {

  transform: translateX(4px);

}

.kb-alert-box {

  min-height: 20px;

}

.rewards-hub__alert {

  margin: 0;

  font-size: 13px;

  line-height: 1.4;

  text-align: center;

}

.rewards-hub__alert.is-ok {

  background: rgba(34, 197, 94, 0.12) !important;

  border: 1px solid rgba(34, 197, 94, 0.4) !important;

  color: #4ADE80 !important;

  padding: 10px 16px;

  border-radius: 8px;

  font-size: 13px;

  font-weight: 600;

  display: block;

}

.rewards-hub__alert.is-err {

  background: rgba(239, 68, 68, 0.12) !important;

  border: 1px solid rgba(239, 68, 68, 0.4) !important;

  color: #F87171 !important;

  padding: 10px 16px;

  border-radius: 8px;

  font-size: 13px;

  font-weight: 600;

  display: block;

}

.rewards-hub__alert.is-info {

  background: rgba(59, 130, 246, 0.1) !important;

  border: 1px solid rgba(59, 130, 246, 0.3) !important;

  color: #93C5FD !important;

  padding: 10px 16px;

  border-radius: 8px;

  font-size: 13px;

  font-weight: 500;

  display: block;

}



.kb-history-card {

  height: 100%;

}

.kb-history-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  gap: 8px;

  margin-bottom: 14px;

  padding-bottom: 10px;

  border-bottom: 1px solid rgba(216, 169, 80, 0.2);

}

.kb-history-title {

  font-family: Outfit, Arial, sans-serif !important;

  font-size: 15px !important;

  font-weight: 700 !important;

  color: #D8A950 !important;

  display: flex;

  align-items: center;

  gap: 8px;

  margin: 0 !important;

  text-transform: uppercase;

}

.kb-history-title i {

  color: #D8A950;

}

.kb-history-note {

  font-size: 12px;

  color: #8FA2B5;

}

.kb-history-empty {

  text-align: center;

  padding: 28px 16px;

  color: #8FA2B5;

  font-size: 13.5px;

}

.kb-history-empty i {

  font-size: 28px;

  color: rgba(216, 169, 80, 0.5);

  margin-bottom: 8px;

  display: block;

}



.kb-history-table-wrap {

  width: 100%;

  overflow-x: auto;

}

.kb-history-table {

  width: 100%;

  border-collapse: collapse;

  text-align: left;

  font-size: 13px;

}

.kb-history-table th {

  background: rgba(7, 21, 43, 0.9);

  color: #D8A950;

  font-weight: 700;

  font-size: 11.5px;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  padding: 10px 14px;

  border-bottom: 1px solid rgba(216, 169, 80, 0.3);

}

.kb-history-table td {

  padding: 12px 14px;

  border-bottom: 1px solid rgba(216, 169, 80, 0.15);

  color: #E2E8F0;

  vertical-align: middle;

}

.kb-history-table tr:hover td {

  background: rgba(216, 169, 80, 0.05);

}

.kb-t-date { color: #8FA2B5; font-size: 12px; }

.kb-t-mode { font-size: 12px; color: #94A3B8; }

.kb-t-loss { color: #F87171; font-weight: 600; }

.kb-t-bonus { color: #FFE066; font-weight: 800; }

.kb-status-badge {

  display: inline-block;

  padding: 3px 8px;

  border-radius: 4px;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.02em;

}

.kb-status-badge.status-approved,

.kb-status-badge.is-approved {

  background: rgba(34, 197, 94, 0.15);

  color: #4ADE80;

  border: 1px solid rgba(34, 197, 94, 0.35);

}

.kb-status-badge.status-rejected,

.kb-status-badge.is-rejected {

  background: rgba(239, 68, 68, 0.15);

  color: #F87171;

  border: 1px solid rgba(239, 68, 68, 0.35);

}

.kb-status-badge.status-pending,

.kb-status-badge.is-pending {

  background: rgba(234, 179, 8, 0.15);

  color: #FACC15;

  border: 1px solid rgba(234, 179, 8, 0.35);

}



.kb-history-cards-wrap {

  display: none;

  flex-direction: column;

  gap: 10px;

}

.kb-history-card {

  background: rgba(7, 21, 43, 0.85);

  border: 1px solid rgba(216, 169, 80, 0.25);

  border-radius: 8px;

  padding: 12px 14px;

}

.kb-hcard-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 8px;

  padding-bottom: 6px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.06);

}

.kb-hcard-date {

  font-size: 11.5px;

  color: #8FA2B5;

}

.kb-hcard-body {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 8px;

}

.kb-hcard-stat {

  display: flex;

  flex-direction: column;

  gap: 2px;

}

.kb-hcard-label {

  font-size: 10.5px;

  color: #8FA2B5;

  text-transform: uppercase;

}

.kb-hcard-val {

  font-size: 12.5px;

  font-weight: 700;

  color: #E2E8F0;

}

.kb-hcard-stat--highlight .kb-hcard-val {

  color: #FFE066;

  font-weight: 800;

}



.kb-login-panel {

  margin: 10px 0;

}

.kb-login-card {

  text-align: center;

  padding: 32px 20px !important;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 16px;

}

.kb-login-icon-box {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background: rgba(7, 21, 43, 0.9);

  border: 1px solid #D8A950;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 26px;

  color: #D8A950;

  box-shadow: 0 4px 16px rgba(216, 169, 80, 0.3);

}

.kb-login-title {

  font-family: Outfit, Arial, sans-serif !important;

  font-size: clamp(20px, 3vw, 24px) !important;

  font-weight: 800 !important;

  color: #FFE066 !important;

  margin: 0 !important;

  text-transform: uppercase;

}

.kb-login-lead {

  font-size: 13.5px !important;

  color: #AAB8C3 !important;

  max-width: 520px;

  margin: 0 !important;

  line-height: 1.5 !important;

}

.kb-login-features {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 12px;

  margin: 8px 0;

}

.kb-feature-item {

  display: flex;

  align-items: center;

  gap: 8px;

  background: rgba(7, 21, 43, 0.8);

  border: 1px solid rgba(216, 169, 80, 0.25);

  border-radius: 6px;

  padding: 8px 14px;

  font-size: 12.5px;

  color: #CBD5E1;

}

.kb-feature-item i {

  color: #D8A950;

  font-size: 15px;

}



@media (max-width: 900px) {

  .kb-layout-grid {

    grid-template-columns: 1fr;

  }

  .kb-calc-grid {

    grid-template-columns: 1fr;

  }

}

@media (max-width: 640px) {

  .layout-content-holder-bc.rewards-page {

    padding: 0 8px 20px !important;

  }

  .rewards-hub__hero.kb-hero {

    margin: 6px 0 10px !important;

    border-radius: 8px !important;

  }

  .rewards-hub__hero-inner {

    padding: 12px 14px !important;

    gap: 10px !important;

  }

  .kb-hero-icon-wrap {

    width: 44px;

    height: 44px;

    flex: 0 0 44px;

  }

  .kb-hero-icon {

    font-size: 20px;

  }

  .kb-title-gold {

    font-size: 18px !important;

  }

  .kb-lead {

    font-size: 12px !important;

  }

  .rewards-hub__tabs {

    gap: 4px;

    padding: 4px;

    margin-bottom: 10px;

    border-radius: 8px;

  }

  .rewards-hub__tab {

    min-height: 40px;

    padding: 0 6px;

    font-size: 12px;

    border-radius: 6px;

  }

  .kb-panel-card {

    padding: 14px !important;

    border-radius: 8px !important;

  }

  .kb-calc-grid {

    grid-template-columns: 1fr;

    gap: 8px;

    margin-bottom: 14px;

  }

  .kb-calc-box {

    padding: 10px;

    border-radius: 6px;

  }

  .kb-calc-val {

    font-size: 16px;

  }

  .kb-calc-val--gold {

    font-size: 20px !important;

  }

  .kb-claim-btn {

    font-size: 14px !important;

    padding: 12px 16px !important;

    min-height: 44px;

  }

  .kb-history-table-wrap {

    display: none;

  }

  .kb-history-cards-wrap {

    display: flex;

  }

  .kb-history-section {

    padding: 12px !important;

    border-radius: 8px !important;

  }

  .kb-login-features {

    flex-direction: column;

    width: 100%;

  }

  .kb-feature-item {

    width: 100%;

    justify-content: center;

  }

}

html.is-web .rewards-hub button.rewards-hub__detail-close,

html.is-mobile .rewards-hub button.rewards-hub__detail-close {

  background: #162636 !important;

  background-image: none !important;

  border: 1px solid rgba(122, 167, 199, .34) !important;

  color: #EDF4F7 !important;

  -webkit-text-fill-color: #EDF4F7 !important;

  box-shadow: none !important;

  text-transform: none !important;

  min-height: 36px !important;

}



.layout-content-holder-bc.rewards-page,
.rewards-hub {
  --rw-bg: transparent;
  --rw-parliament-950: #020916;
  --rw-parliament-925: #031024;
  --rw-parliament-900: #04142D;
  --rw-parliament-850: #051A38;
  --rw-parliament-800: #071F42;
  --rw-parliament-750: #09264E;
  --rw-parliament-700: #0D2D59;

  --rw-elevated: #051A38;
  --rw-panel: #04162F;
  --rw-panel-2: #071D3D;
  --rw-panel-3: #0A2449;

  --rw-text: #F4F7FB;
  --rw-muted: #B5C0D1;
  --rw-soft: #7F90A9;

  --rw-accent: #D3AC69;
  --rw-accent-2: #E7C98B;
  --rw-accent-deep: #A8793B;
  --rw-accent-faint: rgba(211, 172, 105, .08);

  --rw-line: rgba(211, 172, 105, .16);
  --rw-line-strong: rgba(211, 172, 105, .56);
  --rw-cool-line: rgba(145, 165, 196, .15);

  --rw-ok: #63B783;
  --rw-danger: #D97979;
  --rw-btn: #081F42;
  --rw-btn-border: rgba(211, 172, 105, .58);

  --rw-shadow:
    0 18px 42px rgba(0, 7, 24, .24),
    0 4px 12px rgba(0, 7, 24, .18);

  --rw-shadow-soft:
    0 10px 28px rgba(0, 7, 24, .18);

  --rw-fast: 150ms cubic-bezier(.2,.8,.2,1);
  --rw-med: 240ms cubic-bezier(.2,.8,.2,1);
}

.rewards-hub {
  color: var(--rw-text);
  font-size: 14px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.rewards-hub__hero,
.rewards-hub__panel,
.kb-hero,
.kb-panel-card,
.kb-history-section,
.kb-login-card {
  border: 1px solid var(--rw-cool-line) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(211, 172, 105, .04), transparent 34%),
    linear-gradient(145deg, rgba(7, 30, 63, .65), rgba(3, 15, 34, .72)) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: var(--rw-shadow-soft) !important;
  border-radius: 11px !important;
}

.rewards-hub__hero,
.kb-hero {
  border-color: rgba(211, 172, 105, .25) !important;
}

.rewards-hub__hero::before,
.kb-hero::before,
.rewards-hub__panel::before,
.kb-panel-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(211, 172, 105, .22) 22%,
    rgba(231, 201, 139, .62) 50%,
    rgba(211, 172, 105, .22) 78%,
    transparent 100%
  );
  opacity: .75;
}

.rewards-hub__panel {
  overflow: hidden;
  padding: 17px;
  margin-bottom: 14px;
}

.rewards-hub__panel::before {
  height: 1px;
  opacity: .7;
}

.rewards-hub__hero {
  margin: 10px 0 14px;
  overflow: hidden;
}

.rewards-hub__hero-inner {
  gap: 16px;
  padding: 18px 20px;
}

.rewards-hub__icon,
.kb-hero-icon-wrap {
  border: 1px solid rgba(211, 172, 105, .28) !important;
  background:
    linear-gradient(155deg, rgba(11, 42, 82, .94), rgba(4, 19, 42, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 22px rgba(0, 8, 27, .22) !important;
}

.rewards-hub__icon {
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  border-radius: 12px;
}

.kb-hero-icon-wrap {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border-radius: 10px;
}

.kb-hero-icon-pulse {
  animation: none !important;
  inset: -1px;
  border: 1px solid rgba(211, 172, 105, .18);
  border-radius: 11px;
  opacity: 1;
}

.kb-sparkle-dot {
  width: 5px;
  height: 5px;
  background: var(--rw-accent);
  box-shadow: none;
}

.rewards-hub__eyebrow,
.kb-hero-eyebrow {
  color: var(--rw-accent) !important;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .13em;
}

.rewards-hub__title,
.kb-title-gold {
  margin: 0 0 5px !important;
  font-size: clamp(22px, 2.8vw, 30px) !important;
  font-weight: 750 !important;
  line-height: 1.14 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
}

.rewards-hub__title {
  color: var(--rw-text) !important;
}

.kb-title-gold {
  background: linear-gradient(
    104deg,
    #B98A4A 0%,
    #D3AC69 35%,
    #ECD39D 54%,
    #C59654 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.rewards-hub__lead,
.kb-lead {
  color: var(--rw-muted) !important;
  max-width: 46rem;
  line-height: 1.55 !important;
}

.rewards-hub__tabs {
  gap: 6px;
  margin: 0 0 14px;
  padding: 5px;
  border: 1px solid rgba(128, 151, 185, .16) !important;
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(6, 25, 53, .65), rgba(3, 15, 34, .72)) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 26px rgba(0, 7, 24, .14) !important;
}

.rewards-hub__tab {
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid transparent !important;
  border-radius: 7px;
  background: transparent !important;
  color: #9FADC1 !important;
  -webkit-text-fill-color: #9FADC1 !important;
  font-size: 13px;
  font-weight: 650;
  box-shadow: none !important;
  transition:
    background var(--rw-fast),
    border-color var(--rw-fast),
    color var(--rw-fast),
    transform var(--rw-fast),
    box-shadow var(--rw-fast);
}

a.rewards-hub__tab,
a.rewards-hub__tab--link,
a.rewards-hub__tab:visited,
a.rewards-hub__tab--link:visited {
  color: #9FADC1 !important;
  -webkit-text-fill-color: #9FADC1 !important;
}

.rewards-hub__tab:hover:not(.is-active):not(:disabled),
a.rewards-hub__tab:hover:not(.is-active) {
  color: #D8DFEA !important;
  -webkit-text-fill-color: #D8DFEA !important;
  border-color: rgba(139, 160, 192, .16) !important;
  background: rgba(11, 40, 78, .42) !important;
  box-shadow: none !important;
}

.rewards-hub__tab.is-active,
.rewards-hub__tab[aria-selected="true"] {
  color: var(--rw-accent-2) !important;
  -webkit-text-fill-color: var(--rw-accent-2) !important;
  border-color: rgba(211, 172, 105, .42) !important;
  background:
    linear-gradient(180deg, rgba(13, 45, 87, .65), rgba(6, 27, 57, .75)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 5px 14px rgba(0, 7, 24, .16) !important;
}

.rewards-hub__tab.is-active::after,
.rewards-hub__tab[aria-selected="true"]::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: -1px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, var(--rw-accent), transparent);
  opacity: .9;
}

.rewards-hub__tab:focus-visible:not(:disabled) {
  outline: 2px solid rgba(211, 172, 105, .55);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .rewards-hub__tab:hover:not(.is-active):not(:disabled),
  .rewards-hub__tab:focus-visible:not(.is-active):not(:disabled),
  .rewards-hub__tab.is-active:hover:not(:disabled),
  .rewards-hub__tab[aria-selected="true"]:hover:not(:disabled) {
    transform: translateY(-1px);
  }
}

.rewards-hub__section-title,
.kb-card-title,
.kb-history-title {
  color: var(--rw-accent) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
}

.rewards-hub__level {
  color: var(--rw-text) !important;
  font-size: 20px;
  font-weight: 730;
}

.rewards-hub__xp-total,
.rewards-hub__mine-day-title,
.rewards-hub__fs-slide-title,
.rewards-hub__detail-kicker,
.rewards-hub__code-card-code,
.rewards-hub__camp-code {
  color: var(--rw-accent) !important;
}

.rewards-hub__stat,
.rewards-hub__fs-item,
.rewards-hub__faq-item,
.rewards-hub__history-item,
.rewards-hub__code-card,
.rewards-hub__camp,
.rewards-hub__fs-card,
.kb-option-item,
.kb-calc-box,
.kb-history-cards-wrap .kb-history-card,
.kb-feature-item {
  border: 1px solid rgba(132, 154, 187, .13) !important;
  background:
    linear-gradient(180deg, rgba(8, 31, 65, .82), rgba(4, 19, 42, .9)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02) !important;
}

.rewards-hub__stat,
.rewards-hub__fs-item,
.rewards-hub__faq-item,
.rewards-hub__history-item,
.rewards-hub__code-card,
.rewards-hub__camp,
.rewards-hub__fs-card {
  border-radius: 9px;
}

.rewards-hub__code-card:hover,
.rewards-hub__code-card:focus-visible,
.rewards-hub__camp:hover,
.rewards-hub__camp:focus-within,
.kb-option-item:hover,
.kb-calc-box:hover {
  border-color: rgba(211, 172, 105, .35) !important;
  background:
    linear-gradient(180deg, rgba(10, 38, 77, .9), rgba(5, 22, 47, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 18px rgba(0, 7, 24, .12) !important;
}

.rewards-hub__stat-value,
.rewards-hub__fs-item dd,
.rewards-hub__history-title,
.rewards-hub__history-amount,
.rewards-hub__code-card-title,
.rewards-hub__camp-title,
.rewards-hub__fs-card-name {
  color: var(--rw-text) !important;
}

.rewards-hub__stat-label,
.rewards-hub__fs-item dt,
.rewards-hub__history-kind,
.rewards-hub__stat-sub,
.rewards-hub__history-when,
.rewards-hub__code-card-meta,
.rewards-hub__code-card-hint,
.rewards-hub__camp-desc,
.rewards-hub__camp-meta,
.rewards-hub__fs-card-meta,
.kb-card-subtitle,
.kb-opt-desc,
.kb-history-note {
  color: var(--rw-soft) !important;
}

.rewards-hub__ladder-wrap {
  border: 1px solid rgba(132, 154, 187, .12);
  border-radius: 9px;
  background:
    linear-gradient(180deg, rgba(3, 16, 36, .9), rgba(2, 11, 26, .96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

.rewards-hub__bar {
  height: 9px;
  border: 1px solid rgba(132, 154, 187, .12);
  background: #020C1C;
  box-shadow: inset 0 1px 4px rgba(0,0,0,.38);
}

.rewards-hub__bar-fill {
  background: linear-gradient(90deg, #8E6737, #D3AC69, #E4C584);
  box-shadow: none;
}

.rewards-hub__day {
  min-height: 60px;
  border: 1px solid rgba(132, 154, 187, .12);
  border-radius: 8px;
  background: rgba(5, 24, 51, .76);
}

.rewards-hub__day.is-today {
  border-color: rgba(211, 172, 105, .42);
  background: rgba(211, 172, 105, .055);
}

.rewards-hub__day.is-claimed {
  border-color: rgba(99, 183, 131, .35);
  background: rgba(99, 183, 131, .06);
}

.rewards-hub__day-prize {
  color: var(--rw-accent-2) !important;
}

.rewards-hub__badge,
.kb-badge,
.kb-opt-badge-rec,
.kb-badge--gold {
  border: 1px solid rgba(211, 172, 105, .28) !important;
  background: rgba(211, 172, 105, .075) !important;
  color: var(--rw-accent-2) !important;
  box-shadow: none !important;
}

.rewards-hub__badge,
.kb-badge {
  border-radius: 6px;
}

.kb-opt-badge-rec {
  border-radius: 4px;
}

.kb-badge--subtle {
  border-color: rgba(132, 154, 187, .16) !important;
  background: rgba(8, 31, 65, .65) !important;
  color: #B6C2D2 !important;
}

.rewards-hub__claim,
.kb-claim-btn {
  min-height: 48px;
  border: 1px solid rgba(211, 172, 105, .54) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, #0B2B57 0%, #071E40 100%) !important;
  background-image:
    linear-gradient(180deg, #0B2B57 0%, #071E40 100%) !important;
  color: var(--rw-accent-2) !important;
  -webkit-text-fill-color: var(--rw-accent-2) !important;
  font-weight: 730 !important;
  letter-spacing: .018em !important;
  text-transform: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0, 8, 28, .18) !important;
}

.rewards-hub__claim:hover:not(:disabled):not(.is-claimed),
.rewards-hub__claim:focus-visible:not(:disabled):not(.is-claimed),
.kb-claim-btn:hover:not(:disabled),
.kb-claim-btn:focus-visible:not(:disabled) {
  border-color: rgba(231, 201, 139, .72) !important;
  background:
    linear-gradient(180deg, #0E3568 0%, #08264E 100%) !important;
  background-image:
    linear-gradient(180deg, #0E3568 0%, #08264E 100%) !important;
  color: #F0D79F !important;
  -webkit-text-fill-color: #F0D79F !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 22px rgba(0, 8, 28, .22) !important;
  filter: none !important;
  transform: translateY(-1px);
}

.rewards-hub__claim:active:not(:disabled),
.kb-claim-btn:active:not(:disabled) {
  transform: translateY(0);
}

.rewards-hub__claim--secondary {
  border-color: rgba(132, 154, 187, .18) !important;
  background:
    linear-gradient(180deg, rgba(9, 34, 70, .88), rgba(5, 22, 47, .94)) !important;
  background-image:
    linear-gradient(180deg, rgba(9, 34, 70, .88), rgba(5, 22, 47, .94)) !important;
  color: #C7D1DF !important;
  -webkit-text-fill-color: #C7D1DF !important;
  box-shadow: none !important;
}

.rewards-hub__claim--secondary:hover:not(:disabled),
.rewards-hub__claim--secondary:focus-visible:not(:disabled) {
  border-color: rgba(211, 172, 105, .3) !important;
  background:
    linear-gradient(180deg, rgba(11, 42, 82, .92), rgba(6, 26, 54, .96)) !important;
  color: #E0E6EE !important;
  -webkit-text-fill-color: #E0E6EE !important;
}

.rewards-hub__claim:disabled,
.kb-claim-btn:disabled {
  opacity: .48 !important;
  border-color: rgba(132, 154, 187, .12) !important;
  background: #06162E !important;
  background-image: none !important;
  color: #7F8CA0 !important;
  -webkit-text-fill-color: #7F8CA0 !important;
  box-shadow: none !important;
  filter: none !important;
}

.rewards-hub__claim.is-claimed,
.rewards-hub__claim.is-claimed:disabled {
  opacity: 1 !important;
  border-color: rgba(99, 183, 131, .3) !important;
  background: rgba(99, 183, 131, .08) !important;
  background-image: none !important;
  color: #9FD6B4 !important;
  -webkit-text-fill-color: #9FD6B4 !important;
}

.rewards-hub__code-input {
  height: 48px;
  border: 1px solid rgba(132, 154, 187, .18);
  border-radius: 8px;
  background: #05172F;
  color: var(--rw-text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

.rewards-hub__code-input:hover {
  border-color: rgba(132, 154, 187, .28);
}

.rewards-hub__code-input:focus {
  outline: none;
  border-color: rgba(211, 172, 105, .56);
  box-shadow:
    0 0 0 3px rgba(211, 172, 105, .07),
    inset 0 1px 0 rgba(255,255,255,.02);
}

.rewards-hub__detail {
  background: rgba(1, 7, 18, .76);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

.rewards-hub__detail-card {
  border: 1px solid rgba(211, 172, 105, .28);
  border-radius: 11px;
  background:
    radial-gradient(circle at 100% 0%, rgba(211, 172, 105, .055), transparent 30%),
    linear-gradient(145deg, #071D3D, #031126);
  box-shadow: 0 28px 70px rgba(0, 5, 18, .48);
}

.rewards-hub__detail-close,
html.is-web .rewards-hub button.rewards-hub__detail-close,
html.is-mobile .rewards-hub button.rewards-hub__detail-close {
  border: 1px solid rgba(132, 154, 187, .18) !important;
  border-radius: 7px !important;
  background: #071C3A !important;
  background-image: none !important;
  color: #C7D1DF !important;
  -webkit-text-fill-color: #C7D1DF !important;
  box-shadow: none !important;
}

.rewards-hub__detail-close:hover {
  border-color: rgba(211, 172, 105, .36) !important;
  color: var(--rw-accent-2) !important;
  -webkit-text-fill-color: var(--rw-accent-2) !important;
}

.rewards-hub__faq-q {
  color: #E8EDF4 !important;
  font-weight: 650;
}

.rewards-hub__faq-q::after {
  color: var(--rw-accent);
  font-weight: 500;
}

.rewards-hub__alert {
  border-radius: 8px;
}

.rewards-hub__alert.is-ok,
.rewards-hub__alert--toast.is-ok {
  background: rgba(72, 139, 96, .10) !important;
  border: 1px solid rgba(99, 183, 131, .28) !important;
  color: #A8DABB !important;
}

.rewards-hub__alert.is-err,
.rewards-hub__alert--toast.is-err {
  background: rgba(143, 66, 66, .11) !important;
  border: 1px solid rgba(217, 121, 121, .28) !important;
  color: #EAB0B0 !important;
}

.rewards-hub__alert.is-info {
  background: rgba(71, 111, 164, .10) !important;
  border: 1px solid rgba(107, 147, 199, .25) !important;
  color: #B9CCE6 !important;
}

.kb-layout-grid {
  gap: 14px;
}

.kb-grid-col {
  gap: 14px;
}

.kb-panel-card {
  padding: 17px !important;
}

.kb-card-header,
.kb-history-header {
  margin-bottom: 13px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(132, 154, 187, .12);
}

.kb-options-list {
  gap: 7px;
}

.kb-options-loading,
.kb-options-empty {
  border: 1px solid rgba(132, 154, 187, .10);
  border-radius: 8px;
  background: rgba(4, 19, 42, .42);
  color: var(--rw-soft);
}

.kb-option-item {
  padding: 12px 13px;
  border-radius: 8px;
  background: rgba(4, 19, 42, .40);
  border: 1px solid rgba(132, 154, 187, .12);
  transform: none;
}

.kb-option-item:hover {
  background: rgba(7, 28, 60, .52);
  transform: translateY(-1px);
}

.kb-option-item.is-selected {
  border-color: rgba(211, 172, 105, .52) !important;
  background:
    linear-gradient(180deg, rgba(13, 45, 87, .58), rgba(6, 27, 57, .68)) !important;
  box-shadow:
    inset 3px 0 0 rgba(211, 172, 105, .72) !important;
}

.kb-opt-radio {
  width: 16px;
  height: 16px;
  border: 1.5px solid rgba(211, 172, 105, .48);
  background: #04162F;
}

.kb-opt-radio.is-checked {
  border-color: var(--rw-accent);
  background: transparent;
  box-shadow: none;
}

.kb-opt-radio.is-checked::after {
  inset: 3px;
  background: var(--rw-accent);
}

.kb-opt-title,
.kb-opt-calc-val {
  color: #E7ECF3;
}

.kb-opt-calc-val.kb-val--positive,
.kb-calc-label--gold,
.kb-calc-val--gold,
.kb-t-bonus {
  color: var(--rw-accent-2) !important;
}

.kb-calc-grid {
  gap: 9px;
}

.kb-calc-box {
  border-radius: 8px;
  padding: 12px;
  background: rgba(5, 22, 48, .45);
  border: 1px solid rgba(132, 154, 187, .12);
  transform: none;
}

.kb-calc-box:hover {
  background: rgba(7, 28, 60, .55);
  transform: translateY(-1px);
}

.kb-calc-box--highlight {
  border-color: rgba(211, 172, 105, .4) !important;
  background:
    linear-gradient(145deg, rgba(12, 43, 84, .62), rgba(5, 23, 49, .72)) !important;
  box-shadow:
    inset 3px 0 0 rgba(211, 172, 105, .58) !important;
}

.kb-calc-label {
  color: #9DABC0;
}

.kb-calc-val {
  color: #F0F3F7;
  font-weight: 730;
}

.kb-calc-icon--gold {
  color: var(--rw-accent);
}

.kb-calc-icon--blue {
  color: #7DA7D9;
}

.kb-calc-icon--slot {
  color: #D77A88;
}

.kb-calc-icon--sport {
  color: #72B697;
}

.kb-history-table {
  border-collapse: separate;
  border-spacing: 0;
}

.kb-history-table th {
  background: rgba(6, 26, 55, .65);
  color: var(--rw-accent);
  font-weight: 680;
  border-bottom: 1px solid rgba(211, 172, 105, .18);
}

.kb-history-table td {
  color: #DDE4ED;
  border-bottom: 1px solid rgba(132, 154, 187, .09);
}

.kb-history-table tr:hover td {
  background: rgba(12, 44, 85, .20);
}

.kb-options-card {
  display: flex;
  flex-direction: column;
}

.kb-summary-card {
  display: flex;
  flex-direction: column;
}

.kb-history-section {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.kb-history-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 120px;
}

.kb-history-list .rewards-hub__empty,
.kb-history-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 36px 18px;
  color: var(--rw-soft) !important;
  font-size: 13.5px;
  min-height: 140px;
}

.kb-history-empty i {
  font-size: 32px;
  color: var(--rw-accent);
  opacity: .5;
  margin-bottom: 10px;
}

.kb-history-cards-wrap .kb-history-card {
  border-radius: 8px;
}

.kb-hcard-header {
  border-bottom: 1px solid rgba(132, 154, 187, .10);
}

.kb-hcard-stat--highlight .kb-hcard-val {
  color: var(--rw-accent-2);
}

.kb-login-card {
  padding: 30px 22px !important;
  gap: 14px;
}

.kb-login-icon-box {
  width: 56px;
  height: 56px;
  border-radius: 11px;
  border: 1px solid rgba(211, 172, 105, .34);
  background: linear-gradient(145deg, #0A2A56, #061A37);
  color: var(--rw-accent);
  box-shadow: none;
}

.kb-login-title {
  color: var(--rw-accent-2) !important;
  font-size: clamp(19px, 3vw, 23px) !important;
  font-weight: 730 !important;
  text-transform: none !important;
  letter-spacing: -.01em;
}

.kb-login-lead {
  color: var(--rw-muted) !important;
}

.kb-feature-item {
  border-radius: 7px;
  color: #C7D0DD;
}

.rewards-hub__fs-track {
  scrollbar-color: rgba(211, 172, 105, .3) transparent;
}

.rewards-hub__fs-track::-webkit-scrollbar-thumb {
  background: rgba(211, 172, 105, .26);
}

@media (max-width: 720px) {
  .rewards-hub__hero-inner {
    padding: 14px;
    gap: 12px;
  }

  .rewards-hub__icon {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
    border-radius: 10px;
  }

  .rewards-hub__tabs {
    gap: 4px;
    padding: 4px;
  }

  .rewards-hub__tab {
    min-height: 42px;
    padding: 0 8px;
    font-size: 12.5px;
  }

  .rewards-hub__panel,
  .kb-panel-card {
    padding: 14px !important;
  }

  .kb-layout-grid,
  .kb-grid-col {
    gap: 10px;
  }
}

@media (max-width: 520px) {
  .rewards-hub__title,
  .kb-title-gold {
    font-size: 20px !important;
  }

  .rewards-hub__lead,
  .kb-lead {
    font-size: 12.5px !important;
  }

  .rewards-hub__stats--three {
    gap: 7px;
  }

  .rewards-hub__stat {
    padding: 10px;
  }

  .rewards-hub__stat-value {
    font-size: 19px;
  }

  .kb-calc-grid {
    gap: 7px;
  }

  .kb-calc-box {
    padding: 10px;
  }

  .kb-claim-btn,
  .rewards-hub__claim {
    min-height: 45px;
  }
}

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

#rw-tab-cark,
#rw-tab-cark:visited {
  border-color: rgba(66, 201, 94, .18) !important;
  background: linear-gradient(180deg, rgba(14, 23, 34, .92), rgba(9, 14, 22, .96)) !important;
  color: #BFD0C5 !important;
  -webkit-text-fill-color: #BFD0C5 !important;
}

#rw-tab-cark:hover:not(.is-active):not(:disabled),
#rw-tab-cark:focus-visible:not(.is-active):not(:disabled) {
  border-color: rgba(66, 201, 94, .34) !important;
  background: linear-gradient(180deg, rgba(19, 34, 25, .96), rgba(12, 22, 15, .98)) !important;
  color: #E6F7EA !important;
  -webkit-text-fill-color: #E6F7EA !important;
}

#rw-tab-cark.is-active,
#rw-tab-cark[aria-selected="true"] {
  border-color: rgba(66, 201, 94, .5) !important;
  background: linear-gradient(180deg, rgba(139, 229, 154, .98), rgba(66, 201, 94, 1)) !important;
  color: #062212 !important;
  -webkit-text-fill-color: #062212 !important;
  box-shadow: 0 10px 20px rgba(66, 201, 94, .22), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

#rw-tab-cark.is-active .rewards-hub__tab-icon,
#rw-tab-cark[aria-selected="true"] .rewards-hub__tab-icon {
  color: #062212 !important;
}

.rewards-hub.kayip-bonusu-hub {
  --rw-bg: transparent;
  --rw-elevated: #121722;
  --rw-panel: #0e141d;
  --rw-panel-2: #151b26;
  --rw-panel-3: #1a2230;
  --rw-text: #f3f7fb;
  --rw-muted: #aab6c4;
  --rw-soft: #738095;
  --rw-accent: #42C95E;
  --rw-accent-2: #8df3a0;
  --rw-accent-deep: #1f8e38;
  --rw-accent-faint: rgba(66, 201, 94, .08);
  --rw-line: rgba(66, 201, 94, .14);
  --rw-line-strong: rgba(66, 201, 94, .42);
  --rw-cool-line: rgba(147, 166, 190, .14);
  --rw-ok: #42C95E;
  --rw-danger: #e16b6b;
  --rw-btn: #121722;
  --rw-btn-border: rgba(66, 201, 94, .55);
  --rw-shadow:
    0 18px 42px rgba(0, 7, 24, .24),
    0 4px 12px rgba(0, 7, 24, .18);
  --rw-shadow-soft:
    0 10px 28px rgba(0, 7, 24, .18);
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__hero,
.rewards-hub.kayip-bonusu-hub .rewards-hub__panel,
.rewards-hub.kayip-bonusu-hub .kb-hero,
.rewards-hub.kayip-bonusu-hub .kb-panel-card,
.rewards-hub.kayip-bonusu-hub .kb-history-section,
.rewards-hub.kayip-bonusu-hub .kb-login-card {
  border: 1px solid rgba(66, 201, 94, .16) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(66, 201, 94, .08), transparent 34%),
    linear-gradient(145deg, rgba(18, 23, 34, .96), rgba(12, 17, 25, .98)) !important;
  box-shadow: var(--rw-shadow-soft) !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__hero::before,
.rewards-hub.kayip-bonusu-hub .rewards-hub__panel::before,
.rewards-hub.kayip-bonusu-hub .kb-panel-card::before,
.rewards-hub.kayip-bonusu-hub .kb-hero::before {
  background: linear-gradient(90deg, transparent 0%, rgba(66, 201, 94, .18) 24%, rgba(66, 201, 94, .58) 50%, rgba(66, 201, 94, .18) 76%, transparent 100%) !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__hero,
.rewards-hub.kayip-bonusu-hub .kb-hero {
  border-color: rgba(66, 201, 94, .22) !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__icon,
.rewards-hub.kayip-bonusu-hub .kb-hero-icon-wrap {
  border: 1px solid rgba(66, 201, 94, .28) !important;
  background:
    linear-gradient(155deg, rgba(24, 31, 44, .98), rgba(12, 17, 26, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 22px rgba(0, 8, 27, .22) !important;
}

.rewards-hub.kayip-bonusu-hub .kb-hero-icon-pulse {
  animation: none !important;
  border: 1px solid rgba(66, 201, 94, .2);
  opacity: .9;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__eyebrow,
.rewards-hub.kayip-bonusu-hub .kb-hero-eyebrow,
.rewards-hub.kayip-bonusu-hub .kb-hero-icon {
  color: var(--rw-accent) !important;
  background: none !important;
  box-shadow: none !important;
}

.rewards-hub.kayip-bonusu-hub .kb-sparkle-dot {
  background: var(--rw-accent) !important;
  box-shadow: none !important;
}

.rewards-hub.kayip-bonusu-hub .kb-title-gold {
  background: linear-gradient(104deg, #2d8f42 0%, #42C95E 45%, #b8f7c3 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__tabs {
  border: 1px solid rgba(66, 201, 94, .16) !important;
  background:
    linear-gradient(180deg, rgba(14, 20, 29, .94), rgba(9, 13, 20, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 26px rgba(0, 7, 24, .14) !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__tab {
  color: #b5bfca !important;
  -webkit-text-fill-color: #b5bfca !important;
  border-color: transparent !important;
  background: transparent !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__tab:hover:not(.is-active):not(:disabled),
.rewards-hub.kayip-bonusu-hub .rewards-hub__tab:focus-visible:not(.is-active):not(:disabled) {
  color: #e7f7ea !important;
  -webkit-text-fill-color: #e7f7ea !important;
  border-color: rgba(66, 201, 94, .18) !important;
  background: rgba(12, 31, 21, .56) !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__tab.is-active,
.rewards-hub.kayip-bonusu-hub .rewards-hub__tab[aria-selected="true"] {
  color: #0d1510 !important;
  -webkit-text-fill-color: #0d1510 !important;
  border-color: rgba(66, 201, 94, .5) !important;
  background: linear-gradient(180deg, #8df3a0 0%, #42C95E 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 8px 18px rgba(66, 201, 94, .22) !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__tab.is-active::after,
.rewards-hub.kayip-bonusu-hub .rewards-hub__tab[aria-selected="true"]::after {
  background: linear-gradient(90deg, transparent, #42C95E, transparent);
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__section-title,
.rewards-hub.kayip-bonusu-hub .kb-card-title,
.rewards-hub.kayip-bonusu-hub .kb-history-title,
.rewards-hub.kayip-bonusu-hub .kb-calc-label--gold,
.rewards-hub.kayip-bonusu-hub .kb-calc-val--gold,
.rewards-hub.kayip-bonusu-hub .kb-t-bonus {
  color: var(--rw-accent) !important;
}

.rewards-hub.kayip-bonusu-hub .kb-badge--gold,
.rewards-hub.kayip-bonusu-hub .kb-badge--subtle,
.rewards-hub.kayip-bonusu-hub .kb-opt-badge-rec,
.rewards-hub.kayip-bonusu-hub .rewards-hub__badge {
  border: 1px solid rgba(66, 201, 94, .22) !important;
  background: rgba(66, 201, 94, .08) !important;
  color: #d7f8dd !important;
  box-shadow: none !important;
}

.rewards-hub.kayip-bonusu-hub .kb-option-item,
.rewards-hub.kayip-bonusu-hub .kb-calc-box,
.rewards-hub.kayip-bonusu-hub .kb-feature-item,
.rewards-hub.kayip-bonusu-hub .kb-history-cards-wrap .kb-history-card,
.rewards-hub.kayip-bonusu-hub .rewards-hub__stat,
.rewards-hub.kayip-bonusu-hub .rewards-hub__fs-item,
.rewards-hub.kayip-bonusu-hub .rewards-hub__faq-item,
.rewards-hub.kayip-bonusu-hub .rewards-hub__history-item,
.rewards-hub.kayip-bonusu-hub .rewards-hub__code-card,
.rewards-hub.kayip-bonusu-hub .rewards-hub__camp,
.rewards-hub.kayip-bonusu-hub .rewards-hub__fs-card {
  border: 1px solid rgba(132, 154, 187, .12) !important;
  background:
    linear-gradient(180deg, rgba(18, 23, 34, .96), rgba(11, 16, 24, .98)) !important;
}

.rewards-hub.kayip-bonusu-hub .kb-option-item:hover,
.rewards-hub.kayip-bonusu-hub .kb-option-item.is-selected,
.rewards-hub.kayip-bonusu-hub .kb-calc-box:hover,
.rewards-hub.kayip-bonusu-hub .kb-calc-box--highlight {
  border-color: rgba(66, 201, 94, .32) !important;
  background:
    linear-gradient(180deg, rgba(16, 38, 24, .94), rgba(10, 22, 16, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 18px rgba(0, 7, 24, .12) !important;
}

.rewards-hub.kayip-bonusu-hub .kb-opt-radio {
  border-color: rgba(66, 201, 94, .45);
  background: #111822;
}

.rewards-hub.kayip-bonusu-hub .kb-opt-radio.is-checked {
  border-color: #42C95E;
  background: #42C95E;
  box-shadow: 0 0 0 3px rgba(66, 201, 94, .16);
}

.rewards-hub.kayip-bonusu-hub .kb-opt-radio.is-checked::after {
  background: #121722;
}

.rewards-hub.kayip-bonusu-hub .kb-calc-icon--gold,
.rewards-hub.kayip-bonusu-hub .kb-calc-icon--blue {
  color: var(--rw-accent) !important;
}

.rewards-hub.kayip-bonusu-hub .kb-calc-val,
.rewards-hub.kayip-bonusu-hub .kb-opt-title,
.rewards-hub.kayip-bonusu-hub .kb-hcard-val,
.rewards-hub.kayip-bonusu-hub .rewards-hub__history-title,
.rewards-hub.kayip-bonusu-hub .rewards-hub__history-amount,
.rewards-hub.kayip-bonusu-hub .rewards-hub__code-card-title,
.rewards-hub.kayip-bonusu-hub .rewards-hub__camp-title,
.rewards-hub.kayip-bonusu-hub .rewards-hub__fs-card-name {
  color: var(--rw-text) !important;
}

.rewards-hub.kayip-bonusu-hub .kb-calc-val.text-loss,
.rewards-hub.kayip-bonusu-hub .kb-t-loss {
  color: #f08b8b;
}

.rewards-hub.kayip-bonusu-hub .kb-claim-btn,
.rewards-hub.kayip-bonusu-hub .rewards-hub__claim {
  border: 1px solid rgba(66, 201, 94, .54) !important;
  background:
    linear-gradient(180deg, #17311f 0%, #102016 100%) !important;
  background-image:
    linear-gradient(180deg, #17311f 0%, #102016 100%) !important;
  color: #d7f8dd !important;
  -webkit-text-fill-color: #d7f8dd !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0, 8, 28, .18) !important;
}

.rewards-hub.kayip-bonusu-hub .kb-claim-btn:hover:not(:disabled),
.rewards-hub.kayip-bonusu-hub .kb-claim-btn:focus-visible:not(:disabled),
.rewards-hub.kayip-bonusu-hub .rewards-hub__claim:hover:not(:disabled):not(.is-claimed),
.rewards-hub.kayip-bonusu-hub .rewards-hub__claim:focus-visible:not(:disabled):not(.is-claimed) {
  border-color: rgba(66, 201, 94, .72) !important;
  background:
    linear-gradient(180deg, #1f3f29 0%, #13261a 100%) !important;
  background-image:
    linear-gradient(180deg, #1f3f29 0%, #13261a 100%) !important;
  color: #eefbf0 !important;
  -webkit-text-fill-color: #eefbf0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 22px rgba(0, 8, 28, .22) !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__claim--secondary {
  border-color: rgba(132, 154, 187, .18) !important;
  background:
    linear-gradient(180deg, rgba(20, 27, 38, .96), rgba(13, 18, 27, .98)) !important;
  color: #d6dde7 !important;
  -webkit-text-fill-color: #d6dde7 !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__claim--secondary:hover:not(:disabled),
.rewards-hub.kayip-bonusu-hub .rewards-hub__claim--secondary:focus-visible:not(:disabled) {
  border-color: rgba(66, 201, 94, .26) !important;
  background:
    linear-gradient(180deg, rgba(28, 36, 49, .98), rgba(18, 24, 33, .99)) !important;
  color: #eef2f7 !important;
  -webkit-text-fill-color: #eef2f7 !important;
}

.rewards-hub.kayip-bonusu-hub .kb-claim-btn:disabled,
.rewards-hub.kayip-bonusu-hub .rewards-hub__claim:disabled {
  border-color: rgba(132, 154, 187, .12) !important;
  background: #0d131c !important;
  color: #7f8ca0 !important;
  -webkit-text-fill-color: #7f8ca0 !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__claim.is-claimed,
.rewards-hub.kayip-bonusu-hub .rewards-hub__claim.is-claimed:disabled {
  border-color: rgba(66, 201, 94, .3) !important;
  background: rgba(66, 201, 94, .08) !important;
  color: #b9ebc2 !important;
  -webkit-text-fill-color: #b9ebc2 !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__alert.is-ok,
.rewards-hub.kayip-bonusu-hub .rewards-hub__alert--toast.is-ok {
  background: rgba(66, 201, 94, .10) !important;
  border: 1px solid rgba(66, 201, 94, .28) !important;
  color: #caefcf !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__alert.is-info {
  background: rgba(18, 23, 34, .96) !important;
  border: 1px solid rgba(66, 201, 94, .18) !important;
  color: #b9e7bf !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__alert.is-err,
.rewards-hub.kayip-bonusu-hub .rewards-hub__alert--toast.is-err {
  background: rgba(143, 66, 66, .11) !important;
  border: 1px solid rgba(217, 121, 121, .28) !important;
  color: #eab0b0 !important;
}

.rewards-hub.kayip-bonusu-hub .kb-history-table th {
  background: rgba(14, 20, 29, .9);
  color: var(--rw-accent) !important;
  border-bottom: 1px solid rgba(66, 201, 94, .18);
}

.rewards-hub.kayip-bonusu-hub .kb-history-table td {
  color: #dde4ed;
  border-bottom: 1px solid rgba(132, 154, 187, .09);
}

.rewards-hub.kayip-bonusu-hub .kb-history-table tr:hover td {
  background: rgba(16, 38, 24, .2);
}

.rewards-hub.kayip-bonusu-hub .kb-login-icon-box {
  border: 1px solid rgba(66, 201, 94, .34);
  background: linear-gradient(145deg, #15221a, #0d1410);
  color: var(--rw-accent);
  box-shadow: none;
}

.rewards-hub.kayip-bonusu-hub .kb-login-title {
  color: var(--rw-accent-2) !important;
}

.rewards-hub.kayip-bonusu-hub .kb-feature-item {
  border: 1px solid rgba(66, 201, 94, .16) !important;
  background: rgba(14, 20, 29, .82) !important;
  color: #d7dfe8;
}

.rewards-hub.kayip-bonusu-hub .kb-feature-item i {
  color: var(--rw-accent);
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__detail {
  background: rgba(1, 7, 18, .76);
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__detail-card {
  border: 1px solid rgba(66, 201, 94, .22);
  background:
    radial-gradient(circle at 100% 0%, rgba(66, 201, 94, .05), transparent 30%),
    linear-gradient(145deg, #121722, #0b1018);
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__detail-close,
.rewards-hub.kayip-bonusu-hub .rewards-hub__detail-close:hover {
  border: 1px solid rgba(132, 154, 187, .18) !important;
  background: #0f1621 !important;
  color: #d6dde7 !important;
  -webkit-text-fill-color: #d6dde7 !important;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__fs-track {
  scrollbar-color: rgba(66, 201, 94, .28) transparent;
}

.rewards-hub.kayip-bonusu-hub .rewards-hub__fs-track::-webkit-scrollbar-thumb {
  background: rgba(66, 201, 94, .26);
}

#rw-tab-odullerim,
#rw-tab-odullerim:visited {
  color: #DFF8E4 !important;
  -webkit-text-fill-color: #DFF8E4 !important;
}

#rw-tab-odullerim:hover:not(.is-active):not(:disabled),
#rw-tab-odullerim:focus-visible:not(.is-active):not(:disabled) {
  color: #EAFBEF !important;
  -webkit-text-fill-color: #EAFBEF !important;
  border-color: rgba(66, 201, 94, .22) !important;
  background: rgba(66, 201, 94, .08) !important;
}

#rw-tab-odullerim.is-active,
#rw-tab-odullerim[aria-selected="true"] {
  color: #07110A !important;
  -webkit-text-fill-color: #07110A !important;
  border-color: rgba(66, 201, 94, .58) !important;
  background: linear-gradient(180deg, #5BE277 0%, #42C95E 52%, #2C9D45 100%) !important;
  background-image: linear-gradient(180deg, #5BE277 0%, #42C95E 52%, #2C9D45 100%) !important;
  box-shadow: 0 10px 20px rgba(66, 201, 94, .24), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

#rw-tab-odullerim.is-active::after,
#rw-tab-odullerim[aria-selected="true"]::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: -1px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, #42C95E, transparent);
}

#rw-panel-odullerim .rewards-hub__panel--mine,
#rw-panel-odullerim .rewards-hub__login,
#rw-panel-odullerim .rewards-hub__detail-card,
#rw-panel-odullerim .rewards-hub__code-card,
#rw-panel-odullerim .rewards-hub__camp,
#rw-panel-odullerim .rewards-hub__fs-card,
#rw-panel-odullerim .rewards-hub__history-item {
  border-color: rgba(66, 201, 94, .16) !important;
  background: linear-gradient(180deg, #121722 0%, #0D121B 100%) !important;
}

#rw-panel-odullerim .rewards-hub__section-title,
#rw-panel-odullerim .rewards-hub__mine-day-title,
#rw-panel-odullerim .rewards-hub__fs-slide-title,
#rw-panel-odullerim .rewards-hub__detail-kicker,
#rw-panel-odullerim .rewards-hub__code-card-code,
#rw-panel-odullerim .rewards-hub__camp-code,
#rw-panel-odullerim .rewards-hub__badge,
#rw-panel-odullerim .rewards-hub__day-mark,
#rw-panel-odullerim .rewards-hub__day-prize {
  color: #42C95E !important;
}

#rw-panel-odullerim .rewards-hub__claim,
#rw-panel-odullerim .rewards-hub__claim:visited {
  border-color: rgba(66, 201, 94, .52) !important;
  background: linear-gradient(180deg, #17311D 0%, #0F2214 100%) !important;
  background-image: linear-gradient(180deg, #17311D 0%, #0F2214 100%) !important;
  color: #DFF8E4 !important;
  -webkit-text-fill-color: #DFF8E4 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 18px rgba(18, 39, 22, .2) !important;
}

#rw-panel-odullerim .rewards-hub__claim:hover:not(:disabled):not(.is-claimed),
#rw-panel-odullerim .rewards-hub__claim:focus-visible:not(:disabled):not(.is-claimed) {
  border-color: rgba(66, 201, 94, .72) !important;
  background: linear-gradient(180deg, #1E3D24 0%, #123018 100%) !important;
  background-image: linear-gradient(180deg, #1E3D24 0%, #123018 100%) !important;
  color: #F2FBF4 !important;
  -webkit-text-fill-color: #F2FBF4 !important;
}

#rw-panel-odullerim .rewards-hub__claim--secondary {
  border-color: rgba(66, 201, 94, .18) !important;
  background: linear-gradient(180deg, #0F1620 0%, #0B1118 100%) !important;
  background-image: linear-gradient(180deg, #0F1620 0%, #0B1118 100%) !important;
  color: #B9E9C3 !important;
  -webkit-text-fill-color: #B9E9C3 !important;
}

#rw-panel-odullerim .rewards-hub__claim--secondary:hover:not(:disabled),
#rw-panel-odullerim .rewards-hub__claim--secondary:focus-visible:not(:disabled) {
  border-color: rgba(66, 201, 94, .28) !important;
  background: linear-gradient(180deg, #121B27 0%, #0C131C 100%) !important;
  background-image: linear-gradient(180deg, #121B27 0%, #0C131C 100%) !important;
  color: #EAFBEF !important;
  -webkit-text-fill-color: #EAFBEF !important;
}

#rw-panel-odullerim .rewards-hub__detail-close:hover {
  color: #DFF8E4 !important;
  -webkit-text-fill-color: #DFF8E4 !important;
  border-color: rgba(66, 201, 94, .34) !important;
}