.bonus-tasks{margin-top:28px;padding:0;border:0;background:none}.bonus-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;margin:0 2px 10px}.bonus-section-head h2,.bonus-promo h2{font-size: var(--ui-size-subtitle);letter-spacing: normal;font-weight: var(--ui-weight-semibold);margin:0;line-height: var(--ui-line-subtitle)}.bonus-claim-all{min-height:40px;padding:6px 0;border:0;background:none;color:#dedee4;font-size: var(--ui-size-label);line-height: var(--ui-line-label)}.bonus-tabs{display:flex;gap:24px;margin:0 2px 16px;border-bottom:1px solid #ffffff0d}.bonus-tabs button{position:relative;display:flex;align-items:center;gap:5px;min-height:var(--ui-control-compact);padding:8px 0 13px;border:0;background:none;color:#9295a0;font-size: var(--ui-size-body);font-weight: var(--ui-weight-medium);white-space:nowrap;line-height: var(--ui-line-body)}.bonus-tabs button[aria-selected=true]{color:#f3f3f5}.bonus-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;border-radius:2px;background:#e8e8ed}.bonus-tab-count{font-size: var(--ui-size-label);color:#c7c8d0;min-width:15px;text-align:center;line-height: var(--ui-line-label)}.bonus-task-list{border-radius:var(--ui-radius-card);background:#282a30;padding:0 16px;border:1px solid #ffffff08}.bonus-task{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:19px 0;min-height:76px}.bonus-task+.bonus-task{border-top:1px solid #ffffff0d}.bonus-task-main{min-width:0}.bonus-task h3{margin:0;font-size: var(--ui-size-subtitle);font-weight: var(--ui-weight-medium);line-height: var(--ui-line-subtitle);overflow-wrap:anywhere}.bonus-progress-text{display:block;margin-top:6px;font-size: var(--ui-size-label);line-height: var(--ui-line-label);color:#999ca7;font-variant-numeric:tabular-nums}.bonus-task progress{display:block;appearance:none;height:3px;width:100%;max-width:170px;margin-top:8px;border:0;border-radius:4px;overflow:hidden;background:#ffffff09;accent-color:#c9cad3}.bonus-task progress::-webkit-progress-bar{background:#ffffff09}.bonus-task progress::-webkit-progress-value{background:#c9cad3;border-radius:4px}.bonus-task progress::-moz-progress-bar{background:#c9cad3}.bonus-task--ready progress,.bonus-task--claimed progress,.bonus-task--complete progress{display:none}.bonus-task--claimed h3,.bonus-task--complete h3{color:#989ba5}.bonus-task-action{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.bonus-task-action .star-amount{font-size: var(--ui-size-body);font-weight: var(--ui-weight-semibold);color:#f0f0f4;gap:4px;line-height: var(--ui-line-body)}.bonus-task-action .star-image{width:16px;height:16px}.bonus-claim{display:flex;align-items:center;gap:7px;min-height:44px;min-width:115px;justify-content:center;padding:10px 12px;border:0;border-radius:var(--ui-radius-card);color:#26272d;background:#ececf0;font-size: var(--ui-size-caption);font-weight: var(--ui-weight-semibold);cursor:pointer;line-height: var(--ui-line-caption)}.bonus-task-action .bonus-claim .star-amount{color:#26272d;font-size: var(--ui-size-body);line-height: var(--ui-line-body)}.bonus-task-status{color:#90939d;font-size: var(--ui-size-label);line-height: var(--ui-line-label)}.bonus-reset{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:11px 2px 0;color:#848793;font-size: var(--ui-size-label);line-height: var(--ui-line-label)}.bonus-reset svg{display:none}.bonus-reset time{font-variant-numeric:tabular-nums;white-space:nowrap}.bonus-footnote{font-size: var(--ui-size-label);color:#848793;margin:11px 2px 0;line-height: var(--ui-line-label)}.bonus-empty{min-height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;color:#9b9eaa;background:#282a30;border-radius:var(--ui-radius-card);padding:24px}.bonus-empty h3{margin:0;font-size: var(--ui-size-subtitle);color:#ebebef;line-height: var(--ui-line-subtitle)}.bonus-empty p{margin:0;font-size: var(--ui-size-label);line-height: var(--ui-line-label)}.bonus-promo{margin-top:28px;padding:0 2px;border:0;background:none}.bonus-promo form{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;margin-top:14px}.bonus-promo .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.bonus-promo input{width:100%;min-width:0;min-height:48px;border:1px solid #ffffff0d;border-radius:var(--ui-radius-control);padding:12px 14px;color:#f3f3f5;background:#282a30;font: inherit;font-size: var(--ui-size-body)}.bonus-promo input::placeholder{font-size: var(--ui-size-caption);color:#9295a0;line-height: var(--ui-line-caption)}.bonus-promo-submit{display:grid;place-items:center;min-height:48px;border:0;border-radius:var(--ui-radius-card);background:#ececf0;color:#26272d;cursor:pointer}.bonus-promo-submit:disabled{background:#2d2f36;color:#777b88;cursor:default}.bonus-promo form>p{grid-column:1/-1}.bonus-inline-error{margin:12px 0 0;font-size: var(--ui-size-label);line-height: var(--ui-line-label);color:#f2b0b4}.bonus-inline-error button{min-height:var(--ui-control-compact);border:0;background:none;color:#dddde4;text-decoration:underline}.bonus-promo-success{margin:0;color:#e4d3ae;font-size: var(--ui-size-label);line-height: var(--ui-line-label)}.bonus-tasks button:focus-visible,.bonus-promo input:focus-visible,.bonus-promo button:focus-visible{outline:2px solid #e8d5a6;outline-offset:3px}.bonus-tasks button:disabled{opacity:.5;cursor:wait}@media(max-width:359px){.bonus-tabs{gap:20px}.bonus-tabs button{font-size: var(--ui-size-body);line-height: var(--ui-line-body)}.bonus-task-list{padding:0 13px}.bonus-task{gap:12px}.bonus-task h3{font-size: var(--ui-size-subtitle);line-height: var(--ui-line-subtitle)}.bonus-claim{min-width:106px;padding-inline:9px;font-size: var(--ui-size-caption);line-height: var(--ui-line-caption)}}.rewards-page{--accent: var(--ui-accent);--accent-panel-soft: #ffffff08;--focus: var(--ui-focus);--muted: var(--ui-muted);--line: #ffffff10;--surface: var(--ui-surface);--surface-soft: var(--ui-field);--surface-strong: #303640;padding-bottom:26px!important;gap:0!important}.rewards-page .page-title-row{margin:0 2px 16px}.rewards-page .page-title{font-size: var(--ui-size-heading);line-height: var(--ui-line-heading)}.rewards-page .referral-card{margin-top:0;padding:16px}.rewards-page .referral-banner-head{display:grid;grid-template-columns:minmax(0,1fr) 108px;align-items:center;gap:14px}.rewards-page .referral-card h2{min-width:0;max-width:none;margin:0;padding:0;font-size: var(--ui-size-subtitle);line-height: var(--ui-line-subtitle);font-weight: var(--ui-weight-bold);letter-spacing: normal}.rewards-page .referral-mascot{position:static;width:100%;height:124px;object-fit:contain;opacity:1}.rewards-page .referral-card mark{display:inline;padding:0;border:0;border-radius:0;color:#ffba42;background:transparent;white-space:nowrap}.rewards-page .referral-card .stat-grid{margin-top:14px}.rewards-page .referral-card .stat-box{min-height:60px}.rewards-page .referral-card .stat-box strong{font-size: var(--ui-size-subtitle);line-height: var(--ui-line-subtitle)}.rewards-page .referral-card .invite-row{grid-template-columns:minmax(0,1fr) 46px 46px}.rewards-page .referral-card .invite-row>button{width:auto;min-height:var(--ui-control-compact);height:var(--ui-control-compact);display:flex;justify-content:center;align-items:center;padding:0 10px;border-radius:var(--ui-radius-control)}.rewards-page .invite-row .primary-button{background:var(--ui-accent);border-color:transparent;box-shadow:none;color:var(--ui-on-accent)}.rewards-page .conditions-button,.rewards-page .copy-button{color:#eef0f4}@media(max-width:359px){.rewards-page .referral-card{padding:14px}.rewards-page .referral-banner-head{grid-template-columns:minmax(0,1fr) 88px;gap:12px}.rewards-page .referral-card h2{font-size: var(--ui-size-subtitle);line-height: var(--ui-line-subtitle)}.rewards-page .referral-mascot{height:112px}}.rewards-page button{font-family: var(--ui-font);touch-action:manipulation}.rewards-page button:focus-visible,.rewards-dialog button:focus-visible{outline:2px solid #e8d5a6;outline-offset:3px}.rewards-page button:active:not(:disabled){transform:translateY(1px)}.rewards-dialog{--accent: var(--ui-accent);--focus: var(--ui-focus)}.rewards-dialog .dialog-title{font-size: var(--ui-size-heading);font-weight: var(--ui-weight-semibold);letter-spacing: normal;line-height: var(--ui-line-heading)}.rewards-conditions{display:grid;gap:22px;margin:24px 0}.rewards-conditions p{margin:0;display:grid;gap:7px}.rewards-conditions strong{font-size: var(--ui-size-caption);line-height: var(--ui-line-caption)}.rewards-conditions span{font-size: var(--ui-size-label);color:#a6a8b0;line-height: var(--ui-line-label)}.rewards-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--ui-control-compact);padding:10px 14px;border:0;border-radius:var(--ui-radius-control);background:#eeeef1;color:#24252a;font: inherit;font-size: var(--ui-size-body);font-weight: var(--ui-weight-semibold);cursor:pointer}.app-shell:has(.rewards-page) .brand{display:none}.app-shell:has(.rewards-page) .topbar{min-height:44px;justify-content:flex-end;padding-block:7px}.app-shell:has(.rewards-page) .balance-pill{margin:0;border-color:#ffffff12;background:#24262c}.app-shell:has(.rewards-page) .balance-add{background:#eeeef1;color:#24252a;box-shadow:none}@media(hover:hover)and (pointer:fine){.rewards-page .invite-row .primary-button:hover,.rewards-button:hover{background:var(--ui-accent-hover)}}

/* Four root destinations and compact animated game covers. */
.bottom-nav.bottom-nav--four-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bottom-nav--four-tabs .nav-item {
  min-width: 0;
  padding-inline: 4px;
}

/* Selected local direction: active label + soft-outline icon set. */
.bottom-nav.bottom-nav--neutral {
  position: absolute;
  left: 50%;
  right: auto;
  bottom: max(10px, var(--safe-bottom, 8px));
  display: flex;
  box-sizing: border-box;
  width: calc(100% - 24px);
  max-width: 480px;
  min-height: 64px;
  padding: 7px;
  gap: 3px;
  border: 1px solid #ffffff12;
  border-radius: var(--ui-radius-card);
  background: #26282df5;
  box-shadow: 0 8px 18px #0003;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: translateX(-50%);
  isolation: isolate;font-family: var(--ui-font);
}
.bottom-nav.bottom-nav--neutral::before { content: none; }
.bottom-nav--neutral .nav-item {
  z-index: 1;
  flex: 1;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 4px 2px;
  flex-direction: row;
  gap: 5px;
  border: 0;
  border-radius: var(--ui-radius-card);
  color: #aeb0b7;
  background: transparent;
  box-shadow: none;font: var(--ui-weight-semibold) var(--ui-size-label)/var(--ui-line-label) var(--ui-font);letter-spacing: normal;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: transform 120ms ease-out;
}
.bottom-nav--neutral .nav-item[aria-current="page"] {
  flex: 2.05;
  color: #fff;
  background: #ffffff13;
  box-shadow: none;font-weight: var(--ui-weight-bold);
}
.bottom-nav--neutral .nav-item span { display: none; white-space: nowrap; }
.bottom-nav--neutral .nav-item[aria-current="page"] span { display: block; }
.bottom-nav--neutral .nav-item::after { content: none; }
.bottom-nav--neutral .nav-item svg { display: block; flex: 0 0 24px; width: 24px; height: 24px; }
.bottom-nav--neutral .nav-item:active { transform: scale(.96); }
.bottom-nav--neutral .nav-item:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
@media (hover: hover) and (pointer: fine) {
  .bottom-nav--neutral .nav-item:hover:not([aria-current="page"]) { color: var(--ui-text); }
}
@media (prefers-reduced-motion: reduce) {
  .bottom-nav--neutral .nav-item { transition: none; }
  .bottom-nav--neutral .nav-item:active { transform: none; }
}