.rl-page {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #cbd5e1;
  background: #080b11;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --bg: #080b11;
  --panel: #0c1017;
  --card: #0c1017;
  --violet: #8b5cf6;
  --violet-deep: #7c3aed;
  --emerald: #10b981;
  --muted: #cbd5e1;
  --line: rgba(255,255,255,.05);
}

.rl-page * { box-sizing: border-box; }
.rl-page html { min-width: 320px; scroll-behavior: smooth; scroll-padding-top: 18px; }
.rl-page body { margin: 0; min-width: 320px; min-height: 100vh; background: var(--bg); }
.rl-page button, .rl-page input { font: inherit; }
.rl-page button { color: #cbd5e1; }
.rl-page button:focus-visible, .rl-page a:focus-visible, .rl-page input:focus-visible { outline: 2px solid var(--violet); outline-offset: 3px; }
.rl-page ::selection { color: #cbd5e1; background: rgba(139, 92, 246, .45); }

.rl-page .app-shell { position: relative; isolation: isolate; min-height: 100vh; overflow: hidden; background: radial-gradient(ellipse at 85% 0%, rgba(66, 36, 130, .11), transparent 40%), #080b11; }
.rl-page .app-shell::before { position: fixed; z-index: -1; inset: 0; content: ""; pointer-events: none; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, #000 0%, transparent 78%); }
.rl-page .page-content, .rl-page .topbar { width: min(100% - 64px, 1380px); margin-inline: auto; }
.rl-page .topbar { display: flex; align-items: center; height: 66px; border-bottom: 1px solid rgba(255,255,255,.05); }
.rl-page .brand { display: inline-flex; align-items: center; gap: 9px; color: #fff; text-decoration: none; white-space: nowrap; }
.rl-page .brand-mark { position: relative; display: inline-flex; align-items: flex-end; gap: 2px; width: 25px; height: 24px; padding: 4px; overflow: hidden; border: 1px solid rgba(167,139,250,.35); border-radius: 8px; background: linear-gradient(140deg, rgba(139,92,246,.32), rgba(17,20,32,.95)); box-shadow: 0 0 15px rgba(139,92,246,.14); }
.rl-page .brand-mark span { width: 4px; border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, #c4b5fd, #7c3aed); }
.rl-page .brand-mark span:nth-child(1) { height: 8px; }.rl-page .brand-mark span:nth-child(2) { height: 12px; }.rl-page .brand-mark span:nth-child(3) { height: 7px; }
.rl-page .brand-word { font-size: 12px; font-weight: 850; letter-spacing: .11em; }.rl-page .brand-word > span { color: #fff; }
.rl-page .main-nav { display: flex; align-items: stretch; gap: 22px; height: 100%; margin-left: 48px; }
.rl-page .nav-link { position: relative; display: inline-flex; align-items: center; color: #cbd5e1; font-size: 11px; font-weight: 600; text-decoration: none; transition: color .18s ease; }
.rl-page .nav-link:hover, .rl-page .nav-link.active { color: #cbd5e1; }.rl-page .nav-link.active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; content: ""; background: linear-gradient(90deg, #7c3aed, #b59aff); box-shadow: 0 0 10px rgba(139,92,246,.6); }
.rl-page .account-actions { display: flex; align-items: center; gap: 9px; margin-left: auto; }
.rl-page .xp-pill, .rl-page .wallet-pill { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 10px; border: 1px solid rgba(255,255,255,.05); border-radius: 999px; background: rgba(255,255,255,.025); color: #cbd5e1; font-size: 10px; font-weight: 700; white-space: nowrap; }
.rl-page .xp-pill svg { color: #cbd5e1; }.rl-page .wallet-pill { gap: 7px; border-color: rgba(16,185,129,.19); color: #cbd5e1; cursor: pointer; }.rl-page .wallet-icon { display: grid; place-items: center; color: var(--emerald); }.rl-page .money-value { color: var(--emerald) !important; font-variant-numeric: tabular-nums; }.rl-page .wallet-chevron { color: #cbd5e1; }
.rl-page .avatar-button { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid rgba(174,149,255,.45); border-radius: 50%; background: linear-gradient(145deg,#322557,#141420); color: #cbd5e1; font-size: 9px; font-weight: 800; cursor: pointer; }

.rl-page .hero-banner { position: relative; display: flex; align-items: center; height: 254px; margin-top: 19px; overflow: hidden; border: 1px solid rgba(180,158,255,.16); border-radius: 16px; background: radial-gradient(ellipse at 78% 43%, rgba(72,43,133,.23), transparent 47%), linear-gradient(105deg, rgba(14,17,26,.98) 0%, rgba(13,16,25,.96) 50%, rgba(17,16,30,.91) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 50px rgba(0,0,0,.18); }
.rl-page .hero-banner::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .4; background: linear-gradient(115deg, transparent 43%, rgba(151,113,255,.07) 44%, transparent 72%), radial-gradient(circle at 77% 20%, rgba(177,142,255,.08), transparent 27%); }
.rl-page .hero-grid-glow { position: absolute; top: -130px; right: 16%; width: 380px; height: 380px; border: 1px solid rgba(155,124,246,.08); border-radius: 50%; box-shadow: 0 0 0 28px rgba(155,124,246,.018), 0 0 0 58px rgba(155,124,246,.015); }
.rl-page .hero-copy { position: relative; z-index: 3; width: 59%; padding: 25px 28px; }
.rl-page .hero-overline, .rl-page .eyebrow { display: flex; align-items: center; gap: 7px; color: #cbd5e1; font-size: 9px; font-weight: 750; letter-spacing: .12em; }
.rl-page .live-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #a78bfa; box-shadow: 0 0 10px rgba(167,139,250,.78); }
.rl-page .hero-copy h1 { margin: 10px 0 4px; color: #fff; font-size: clamp(38px,4.2vw,54px); font-weight: 800; letter-spacing: -.065em; line-height: .98; }
.rl-page .hero-copy h1 > span { color: #fff; text-shadow: 0 0 26px rgba(139,92,246,.2); }.rl-page .hero-copy h1 > i { color: #fff; font-style: normal; }
.rl-page .hero-subtitle { margin: 8px 0 16px; color: #cbd5e1; font-size: 12px; }
.rl-page .hero-actions { display: flex; align-items: center; gap: 9px; }
.rl-page .violet-button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 34px; padding: 0 14px; border: 1px solid rgba(185,158,255,.23); border-radius: 8px; background: linear-gradient(115deg,#7138d1,#8b5cf6); box-shadow: 0 4px 16px rgba(95,49,179,.2), inset 0 1px 0 rgba(255,255,255,.15); color: #fff; font-size: 10px; font-weight: 750; cursor: pointer; transition: background .18s ease, box-shadow .18s ease; }.rl-page .violet-button:hover { background: linear-gradient(115deg,#824de0,#a17aff); box-shadow: 0 5px 20px rgba(139,92,246,.32); }
.rl-page .hero-cta { min-width: 138px; }.rl-page .promo-trigger { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 0 10px; border: 1px solid rgba(255,255,255,.05); border-radius: 8px; background: rgba(255,255,255,.025); color: #cbd5e1; font-size: 10px; cursor: pointer; transition: all .18s ease; }.rl-page .promo-trigger:hover { border-color: rgba(174,146,255,.42); background: rgba(139,92,246,.08); }.rl-page .promo-trigger-icon { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; background: rgba(139,92,246,.16); color: #cbd5e1; }.rl-page .promo-trigger-arrow { margin-left: 6px; color: #cbd5e1; }
.rl-page .hero-footnote { display: none; }
.rl-page .hero-stats { position: absolute; z-index: 3; bottom: 17px; left: 28px; display: flex; align-items: center; gap: 15px; }.rl-page .hero-stat { display: flex; flex-direction: column; gap: 2px; color: #cbd5e1; font-size: 8px; }.rl-page .hero-stat-value { display: flex; align-items: center; gap: 4px; color: #fff; font-size: 11px; font-weight: 750; }.rl-page .hero-stat-value em { color: #fff; font-size: 10px; font-style: normal; }.rl-page .hero-stat-separator { width: 1px; height: 21px; background: rgba(255,255,255,.11); }.rl-page .hero-side-label { position: absolute; z-index: 2; top: 18px; right: 19px; display: flex; flex-direction: column; gap: 2px; color: #cbd5e1; font-size: 8px; font-weight: 800; letter-spacing: .13em; }
.rl-page .hero-mascot-frame { position: absolute; z-index: 1; top: 50%; right: -3px; width: 48%; height: 100%; transform: translateY(-50%); }.rl-page .hero-mascot-wrap { width: 100%; height: 320px; }.rl-page .hero-mascot { max-width: 100%; height: 100%; object-fit: contain; object-position: center right; opacity: .96; filter: drop-shadow(0 11px 28px rgba(76,39,149,.26)); mask-image: radial-gradient(ellipse at right, black 65%, transparent 100%); -webkit-mask-image: radial-gradient(ellipse at right, black 65%, transparent 100%); }

.rl-page .section-block { position: relative; margin-top: 16px; padding: 16px 19px 14px; border: 1px solid rgba(255,255,255,.05); border-radius: 14px; background: linear-gradient(115deg, rgba(13,17,26,.98), rgba(11,15,23,.96)); box-shadow: 0 7px 30px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.018); }
.rl-page .section-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 13px; }.rl-page .section-heading h2 { display: flex; align-items: center; gap: 8px; margin: 5px 0 2px; color: #fff; font-size: 19px; font-weight: 730; letter-spacing: -.045em; line-height: 1.1; }.rl-page .section-heading p { margin: 4px 0 0; color: #cbd5e1; font-size: 10px; line-height: 1.45; }.rl-page .eyebrow { color: #cbd5e1; font-size: 8px; }.rl-page .eyebrow svg { color: #cbd5e1; }
.rl-page .section-trailing { display: flex; align-items: center; gap: 9px; }.rl-page .rank-snapshot { padding: 7px 10px; border: 1px solid rgba(255,255,255,.05); border-radius: 9px; background: rgba(255,255,255,.018); }.rl-page .snapshot-dot { width: 7px; height: 7px; border-radius: 50%; background: #f1bd59; box-shadow: 0 0 10px rgba(241,189,89,.45); }.rl-page .rank-snapshot > span:nth-child(2) { display: flex; flex-direction: column; gap: 1px; }.rl-page .rank-snapshot b { color: #cbd5e1; font-size: 10px; }.rl-page .rank-snapshot small { color: #cbd5e1; font-size: 8px; }.rl-page .snapshot-divider { width: 1px; height: 22px; margin: 0 2px; background: rgba(255,255,255,.08); }.rl-page .xp-snapshot { color: #cbd5e1; font-size: 10px; font-weight: 750; }.rl-page .xp-snapshot small { color: #cbd5e1; font-size: 8px; }

.rl-page .rank-showcase { position: relative; }.rl-page .rank-track-scroll { overflow-x: auto; scrollbar-width: none; }.rl-page .rank-track-scroll::-webkit-scrollbar { display: none; }.rl-page .rank-track { display: grid; min-width: 760px; grid-template-columns: repeat(7,minmax(80px,1fr)); align-items: start; }.rl-page .rank-node { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 0 4px 7px; border: 0; background: none; cursor: pointer; }.rl-page .rank-node:focus-visible { outline-offset: 2px; border-radius: 12px; }.rl-page .rank-ring { position: relative; display: grid; width: 86px; height: 86px; place-items: center; border: 1px solid rgba(255,255,255,.05); border-radius: 50%; background: conic-gradient(var(--violet) 0 var(--ring-progress), rgba(129,126,153,.17) var(--ring-progress) 100%); padding: 2px; transition: transform .25s ease, box-shadow .25s ease; }.rl-page .rank-node.selected .rank-ring { transform: scale(1.05); box-shadow: 0 0 0 2px rgba(139,92,246,.54), 0 0 25px rgba(139,92,246,.36), inset 0 0 10px rgba(139,92,246,.1); }.rl-page .rank-medallion { display: grid; width: 80px; height: 80px; place-items: center; border: 1px solid rgba(255,255,255,.05); border-radius: 50%; background: radial-gradient(circle at 35% 20%, rgba(46,44,64,.95), #0d111b 65%); }.rl-page .rank-symbol { width: 68px; height: 68px; overflow: visible; filter: drop-shadow(0 4px 6px rgba(0,0,0,.35)); transition: filter .25s ease; }.rl-page .rank-symbol.is-lit { filter: drop-shadow(0 0 9px rgba(139,92,246,.52)); }.rl-page .rank-node.locked:not(.selected) .rank-symbol { filter: grayscale(.22) brightness(.76) drop-shadow(0 4px 6px rgba(0,0,0,.35)); }.rl-page .rank-label { margin-top: 7px; color: #fff; font-size: 9px; font-weight: 700; }.rl-page .rank-node.selected .rank-label { color: #fff; }.rl-page .rank-xp-label { margin-top: 2px; color: #cbd5e1; font-size: 8px; font-variant-numeric: tabular-nums; }.rl-page .rank-current-tag { position: absolute; top: 66px; z-index: 2; padding: 2px 6px; border: 1px solid rgba(236,193,99,.28); border-radius: 999px; background: #19150f; color: #cbd5e1; font-size: 7px; font-weight: 850; letter-spacing: .06em; }.rl-page .rank-connector { position: absolute; top: 42px; left: calc(50% + 44px); width: calc(100% - 88px); height: 1px; background: linear-gradient(90deg,rgba(139,92,246,.38),rgba(255,255,255,.08)); }.rl-page .rank-node:last-child .rank-connector { display: none; }
.rl-page .rank-detail { display: grid; grid-template-columns: 47px minmax(230px,1fr) minmax(220px,.9fr) max-content; align-items: center; gap: 15px; margin-top: 10px; padding: 11px 13px; border: 1px solid rgba(139,92,246,.17); border-radius: 11px; background: linear-gradient(105deg,rgba(139,92,246,.075),rgba(255,255,255,.014) 55%); }.rl-page .rank-detail-badge { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid rgba(174,145,255,.24); border-radius: 11px; background: #11131e; }.rl-page .rank-detail-badge .rank-symbol { width: 38px; height: 38px; }.rl-page .rank-detail-main { min-width: 0; }.rl-page .rank-detail-heading { display: flex; align-items: center; gap: 7px; margin-bottom: 5px; }.rl-page .detail-tier-name { color: #fff; font-size: 12px; font-weight: 760; }.rl-page .rank-status { display: inline-flex; align-items: center; gap: 3px; padding: 3px 6px; border: 1px solid rgba(255,255,255,.05); border-radius: 999px; color: #cbd5e1; font-size: 7px; font-weight: 700; }.rl-page .rank-status.is-current { border-color: rgba(139,92,246,.34); background: rgba(139,92,246,.13); color: #cbd5e1; }.rl-page .rank-progress-copy { display: flex; justify-content: space-between; gap: 10px; color: #cbd5e1; font-size: 8px; }.rl-page .rank-progress-copy b { color: #cbd5e1; font-size: 8px; }.rl-page .rank-progress-line { height: 3px; margin: 5px 0 3px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.09); }.rl-page .rank-progress-line span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#7044cf,#b9a0ff); box-shadow: 0 0 8px rgba(139,92,246,.56); }.rl-page .rank-progress-percent { color: #cbd5e1; font-size: 8px; }.rl-page .rank-progress-percent b { color: #cbd5e1; }.rl-page .rank-progress-percent > span { color: #cbd5e1; }.rl-page .rank-perks-wrap { min-width: 0; padding-left: 13px; border-left: 1px solid rgba(255,255,255,.05); }.rl-page .perk-label { display: flex; align-items: center; gap: 5px; color: #cbd5e1; font-size: 7px; font-weight: 800; letter-spacing: .09em; }.rl-page .perk-label svg { color: #cbd5e1; }.rl-page .rank-perks { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 6px 0 0; padding: 0; list-style: none; }.rl-page .rank-perks li { display: flex; align-items: center; gap: 4px; color: #cbd5e1; font-size: 8px; white-space: nowrap; }.rl-page .perk-check { display: grid; width: 12px; height: 12px; place-items: center; border-radius: 50%; background: rgba(139,92,246,.16); color: #cbd5e1; }.rl-page .rank-detail-tip { display: flex; align-items: center; gap: 5px; color: #cbd5e1; font-size: 8px; white-space: nowrap; }.rl-page .rank-detail-tip svg:first-child { color: #cbd5e1; }.rl-page .rank-next-note { display: flex; align-items: center; gap: 6px; margin: 9px 2px 0; color: #cbd5e1; font-size: 8px; }.rl-page .rank-next-note svg { color: #cbd5e1; }.rl-page .rank-next-note b { color: #cbd5e1; font-weight: 700; }.rl-page .rank-next-note > svg:last-child { margin-left: auto; }

.rl-page .streak-section { padding-bottom: 12px; }.rl-page .streak-heading { margin-bottom: 12px; }.rl-page .streak-current { display: inline-flex; align-items: baseline; gap: 3px; margin-left: 2px; color: #cbd5e1; font-size: 11px; letter-spacing: 0; }.rl-page .streak-current i { color: #cbd5e1; font-style: normal; }.rl-page .streak-current small { color: #cbd5e1; font-size: 7px; font-weight: 750; letter-spacing: .08em; }.rl-page .streak-heading-right { display: flex; align-items: center; gap: 16px; }.rl-page .streak-progress-wrap { display: flex; flex-direction: column; gap: 5px; width: 104px; }.rl-page .streak-progress-label { color: #cbd5e1; font-size: 7px; font-weight: 800; letter-spacing: .09em; }.rl-page .streak-progress-track { height: 4px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.08); }.rl-page .streak-progress-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#7c3aed,#b59aff); box-shadow: 0 0 8px rgba(139,92,246,.45); transition: width .4s ease; }.rl-page .reset-chip { display: flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.05); border-radius: 8px; background: rgba(255,255,255,.018); color: #cbd5e1; font-size: 8px; white-space: nowrap; }.rl-page .reset-chip svg { color: #cbd5e1; }.rl-page .reset-chip b { color: #cbd5e1; font-size: 9px; font-variant-numeric: tabular-nums; letter-spacing: .035em; }
.rl-page .streak-track { display: grid; grid-template-columns: repeat(6,minmax(120px,1fr)) minmax(145px,1.2fr); gap: 8px; overflow-x: auto; padding: 1px 1px 5px; scrollbar-color: rgba(139,92,246,.35) transparent; scrollbar-width: thin; }.rl-page .streak-card { position: relative; display: flex; min-width: 0; flex-direction: column; align-items: center; min-height: 163px; padding: 8px 8px 7px; overflow: hidden; border: 1px solid rgba(255,255,255,.05); border-radius: 10px; background: linear-gradient(148deg,rgba(18,22,33,.98),rgba(12,15,24,.98)); }.rl-page .streak-card::before { position: absolute; top: 0; right: 12px; left: 12px; height: 1px; content: ""; opacity: .4; background: linear-gradient(90deg,transparent,#7c6abd,transparent); }.rl-page .streak-card.claimed { border-color: rgba(109,87,168,.14); }.rl-page .streak-card.claimable { border-color: rgba(139,92,246,.49); background: radial-gradient(ellipse at 50% 65%,rgba(111,69,207,.12),transparent 65%),linear-gradient(148deg,#17152a,#0d111c); box-shadow: inset 0 0 20px rgba(139,92,246,.065),0 0 15px rgba(139,92,246,.11); }.rl-page .streak-card.locked { opacity: .79; }.rl-page .streak-card.jackpot-card { border-color: rgba(208,155,69,.39); background: radial-gradient(ellipse at 50% 55%,rgba(132,77,207,.14),transparent 62%),linear-gradient(148deg,#1b1725,#0d1018); box-shadow: inset 0 0 18px rgba(193,133,49,.055),0 0 15px rgba(139,92,246,.09); }.rl-page .streak-card.jackpot-card::before { opacity: .9; background: linear-gradient(90deg,transparent,#f2ce73,#9d6fe3,transparent); }
.rl-page .streak-card-top { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 4px; }.rl-page .streak-day-label { color: #cbd5e1; font-size: 7px; font-weight: 700; letter-spacing: .08em; }.rl-page .streak-day-label b { color: #cbd5e1; font-size: 8px; }.rl-page .day-state { display: inline-flex; align-items: center; gap: 3px; color: #cbd5e1; font-size: 6px; font-weight: 800; letter-spacing: .07em; }.rl-page .claimed-state { color: #cbd5e1; }.rl-page .claimed-state svg { color: #cbd5e1; }.rl-page .open-state { color: #cbd5e1; }.rl-page .open-state .live-dot { width: 5px; height: 5px; flex-basis: 5px; }.rl-page .locked-state svg { color: #cbd5e1; }
.rl-page .chest-scene { position: relative; display: grid; width: 100%; height: 69px; flex: 0 0 69px; place-items: center; }.rl-page .chest-rays { position: absolute; top: 6px; left: 50%; width: 70px; height: 55px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(ellipse,rgba(158,111,255,.19),transparent 70%); filter: blur(5px); }.rl-page .chest-floor { position: absolute; bottom: 6px; left: 50%; width: 58px; height: 9px; transform: translateX(-50%); border-radius: 50%; background: rgba(106,75,178,.22); filter: blur(5px); }.rl-page .loot-chest { position: relative; z-index: 1; width: 49px; height: 43px; transform: perspective(110px) rotateX(2deg); filter: drop-shadow(0 5px 4px rgba(0,0,0,.35)); }.rl-page .chest-lid { position: absolute; top: 3px; left: 4px; z-index: 2; display: block; width: 41px; height: 15px; border: 1px solid rgba(210,194,255,.28); border-bottom: 0; border-radius: 8px 8px 3px 3px; background: linear-gradient(150deg,#8363c3,#342552 70%); box-shadow: inset 0 2px 4px rgba(255,255,255,.12); transform: skewX(-8deg); }.rl-page .chest-lid i { position: absolute; top: -3px; left: 2px; width: 34px; height: 7px; border: 1px solid rgba(223,208,255,.23); border-radius: 50%; background: linear-gradient(90deg,#aa8de5,#4a376a); }.rl-page .chest-lid b { position: absolute; top: 5px; right: -3px; width: 2px; height: 8px; background: rgba(217,199,255,.44); }.rl-page .chest-base { position: absolute; top: 17px; left: 3px; display: block; width: 43px; height: 24px; border: 1px solid rgba(199,175,255,.31); border-radius: 2px 2px 7px 7px; background: linear-gradient(100deg,#382851,#201b30 56%,#654889); box-shadow: inset 0 -4px 5px rgba(0,0,0,.25); }.rl-page .chest-base i { position: absolute; top: 0; bottom: 0; left: 6px; width: 3px; background: linear-gradient(90deg,rgba(255,255,255,.12),transparent); }.rl-page .chest-base b { position: absolute; top: 0; right: 6px; bottom: 0; width: 3px; background: linear-gradient(90deg,rgba(0,0,0,.15),rgba(255,255,255,.12)); }.rl-page .chest-base em { position: absolute; right: 1px; bottom: 3px; left: 1px; height: 2px; background: rgba(0,0,0,.25); }.rl-page .chest-lock { position: absolute; top: 20px; left: 18px; z-index: 3; display: grid; width: 14px; height: 15px; place-items: center; border: 1px solid rgba(236,213,255,.55); border-radius: 5px; background: linear-gradient(135deg,#c7adff,#7448bd); color: #cbd5e1; }.rl-page .chest-lock svg { width: 9px; height: 9px; }.rl-page .chest-spark { position: absolute; z-index: 2; color: #cbd5e1; }.rl-page .chest-spark-a { top: 8px; left: calc(50% + 27px); }.rl-page .chest-spark-b { top: 28px; left: calc(50% - 41px); color: #cbd5e1; }.rl-page .chest-claimed-mark { position: absolute; z-index: 4; top: 10px; right: calc(50% - 34px); display: grid; width: 15px; height: 15px; place-items: center; border: 1px solid rgba(139,92,246,.34); border-radius: 50%; background: #211a35; color: #cbd5e1; }.rl-page .chest-day-1 .chest-lid,.rl-page .chest-day-2 .chest-lid,.rl-page .chest-day-3 .chest-lid { border-color: rgba(167,139,250,.43); background: linear-gradient(145deg,#6d5ca2,#312944 70%); }.rl-page .chest-day-4 .chest-lid,.rl-page .chest-day-5 .chest-lid,.rl-page .chest-day-6 .chest-lid { border-color: rgba(188,118,255,.55); background: linear-gradient(145deg,#9256d5,#3a2357 70%); }.rl-page .chest-day-4 .chest-base,.rl-page .chest-day-5 .chest-base,.rl-page .chest-day-6 .chest-base { border-color: rgba(167,112,232,.48); background: linear-gradient(100deg,#51286f,#20172f 56%,#7843a1); }.rl-page .chest-jackpot .loot-chest { width: 57px; height: 48px; transform: perspective(110px) scale(1.14) rotateX(2deg); }.rl-page .chest-jackpot .chest-lid { left: 3px; width: 50px; border-color: rgba(255,223,151,.74); background: linear-gradient(145deg,#b18242,#70427e 67%,#50317d); }.rl-page .chest-jackpot .chest-lid i { width: 43px; border-color: rgba(255,221,144,.65); background: linear-gradient(90deg,#e5bf73,#8361b4); }.rl-page .chest-jackpot .chest-base { left: 2px; width: 53px; border-color: rgba(242,205,115,.65); background: linear-gradient(100deg,#79498a,#31203e 54%,#a2743f); }.rl-page .chest-jackpot .chest-lock { left: 22px; border-color: #ffdf87; background: linear-gradient(135deg,#ffe29a,#d6a93c); color: #cbd5e1; }.rl-page .chest-jackpot .chest-spark { color: #cbd5e1; }.rl-page .chest-crown { position: absolute; top: -1px; left: 23px; z-index: 4; display: grid; width: 14px; height: 12px; place-items: center; color: #cbd5e1; filter: drop-shadow(0 0 5px rgba(248,197,82,.55)); }
.rl-page .streak-reward-name { max-width: 100%; overflow: hidden; color: #cbd5e1; font-size: 8px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }.rl-page .jackpot-card .streak-reward-name { color: #cbd5e1; }.rl-page .streak-reward-value { margin-top: 3px; color: #cbd5e1; font-size: 9px; font-weight: 750; }.rl-page .streak-reward-value.money-value { color: var(--emerald) !important; }.rl-page .streak-action { display: flex; width: 100%; min-height: 25px; justify-content: center; align-items: center; gap: 5px; margin-top: auto; border: 1px solid rgba(255,255,255,.05); border-radius: 6px; background: rgba(255,255,255,.025); color: #cbd5e1; font-size: 8px; font-weight: 700; }.rl-page .streak-action:disabled { cursor: default; }.rl-page .streak-action.claim-action { border-color: rgba(139,92,246,.45); background: linear-gradient(105deg,#6937c3,#8350e2); box-shadow: 0 0 13px rgba(139,92,246,.17); color: #fff; cursor: pointer; }.rl-page .streak-action.claim-action:hover { background: linear-gradient(105deg,#7c45d9,#9a70fb); }.rl-page .streak-action.locked-action { color: #cbd5e1; }.rl-page .jackpot-card .streak-action.locked-action { border-color: rgba(193,151,70,.17); color: #cbd5e1; }.rl-page .streak-claim-hint { display: flex; align-items: center; gap: 7px; margin-top: 8px; color: #cbd5e1; font-size: 8px; }.rl-page .hint-icon { display: grid; width: 17px; height: 17px; place-items: center; border-radius: 5px; background: rgba(139,92,246,.11); color: #cbd5e1; }.rl-page .hint-spacer { flex: 1; }.rl-page .hint-streak { display: flex; align-items: center; gap: 4px; color: #cbd5e1; font-weight: 700; white-space: nowrap; }.rl-page .hint-streak svg { color: #cbd5e1; }

.rl-page .missions-section { padding-bottom: 12px; }.rl-page .missions-heading { margin-bottom: 12px; }.rl-page .mission-count { display: inline-grid; min-width: 21px; height: 19px; place-items: center; padding-inline: 5px; border: 1px solid rgba(139,92,246,.22); border-radius: 6px; background: rgba(139,92,246,.11); color: #cbd5e1; font-size: 9px; font-variant-numeric: tabular-nums; letter-spacing: 0; }.rl-page .all-missions-button { display: inline-flex; align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.05); border-radius: 7px; background: rgba(255,255,255,.02); color: #cbd5e1; font-size: 9px; font-weight: 650; cursor: pointer; }.rl-page .all-missions-button:hover { border-color: rgba(139,92,246,.42); color: #cbd5e1; }.rl-page .all-missions-button svg { color: #cbd5e1; }.rl-page .mission-scroll-shell { overflow: hidden; }.rl-page .mission-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0,1fr); grid-template-columns: repeat(6,minmax(148px,1fr)); gap: 10px; overflow-x: auto; padding: 1px 2px 7px; scrollbar-color: rgba(139,92,246,.36) transparent; scrollbar-width: thin; scroll-snap-type: x proximity; }.rl-page .mission-rail > div { min-width: 0; scroll-snap-align: start; }.rl-page .mission-card { display: flex; min-width: 0; aspect-ratio: .97; flex-direction: column; padding: 11px; border: 1px solid rgba(255,255,255,.05); border-radius: 11px; background: linear-gradient(160deg,#101521,#0c1018 82%); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); transition: box-shadow .2s ease,border-color .2s ease; }.rl-page .mission-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.22),0 0 18px rgba(139,92,246,.08); }.rl-page .mission-card.milestone-card { border-color: rgba(234,179,8,.18); background: linear-gradient(160deg,rgba(50,40,18,.34),#0d1119 58%); }.rl-page .mission-topline { display: flex; align-items: center; justify-content: space-between; gap: 5px; }.rl-page .mission-number { color: #cbd5e1; font-size: 7px; font-weight: 800; letter-spacing: .08em; white-space: nowrap; }.rl-page .mission-at { margin-right: 2px; color: #cbd5e1; font-size: 9px; }.rl-page .mission-status { display: inline-flex; align-items: center; gap: 3px; padding: 3px 5px; border: 1px solid rgba(255,255,255,.05); border-radius: 999px; color: #cbd5e1; font-size: 6px; font-weight: 800; letter-spacing: .045em; white-space: nowrap; }.rl-page .status-live { color: #cbd5e1; }.rl-page .status-live svg { color: #cbd5e1; }.rl-page .status-milestone { border-color: rgba(234,179,8,.19); background: rgba(234,179,8,.07); color: #cbd5e1; }.rl-page .status-done { border-color: rgba(139,92,246,.23); color: #cbd5e1; }.rl-page .mission-title { display: -webkit-box; min-height: 27px; margin: 7px 0 5px; overflow: hidden; color: #fff; font-size: 10px; font-weight: 680; line-height: 1.35; letter-spacing: -.015em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.rl-page .provider-chassis { display: grid; min-height: 36px; place-items: center; margin-bottom: 7px; border: 1px solid rgba(255,255,255,.05); border-radius: 7px; background: radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.07),transparent 74%),#090c13; }.rl-page .provider-chassis.gold-chassis { border-color: rgba(234,179,8,.12); background: radial-gradient(ellipse at 50% 0%,rgba(234,179,8,.07),transparent 74%),#0c0d12; }.rl-page .provider-mark { display: inline-flex; align-items: center; justify-content: center; gap: 5px; color: #cbd5e1; font-size: 10px; font-weight: 820; letter-spacing: -.035em; }.rl-page .provider-symbol { width: 21px; height: 21px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.rl-page .provider-torox { color: #cbd5e1; }.rl-page .provider-ayet { color: #cbd5e1; letter-spacing: -.055em; }.rl-page .provider-revu { color: #cbd5e1; font-size: 11px; }.rl-page .provider-game-center { color: #cbd5e1; font-size: 8px; letter-spacing: -.02em; }.rl-page .provider-game-center .provider-symbol { width: 23px; }.rl-page .provider-golden-gift { color: #cbd5e1; font-size: 9px; }.rl-page .provider-golden-gift .provider-symbol { color: #cbd5e1; }.rl-page .wordmark-shine { display: grid; width: 13px; height: 13px; place-items: center; margin-left: 1px; border-radius: 4px; background: rgba(234,179,8,.1); font-style: normal; }.rl-page .mission-metrics { display: flex; justify-content: space-between; align-items: center; gap: 5px; color: #cbd5e1; font-size: 6.5px; font-weight: 700; letter-spacing: .07em; }.rl-page .mission-metrics b { color: #cbd5e1; font-size: 8px; font-weight: 720; letter-spacing: 0; white-space: nowrap; }.rl-page .mission-metrics i { color: #cbd5e1; font-size: 7px; font-style: normal; }.rl-page .metric-target { color: #cbd5e1; }.rl-page .mission-progress { height: 3px; margin: 5px 0 5px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.08); }.rl-page .mission-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#6e38cf,#aa88ff); box-shadow: 0 0 7px rgba(139,92,246,.37); transition: width .35s ease; }.rl-page .mission-progress span.milestone-fill { background: linear-gradient(90deg,#c59317,#f2cb5e); box-shadow: 0 0 7px rgba(234,179,8,.28); }.rl-page .mission-bottomline { display: flex; align-items: center; justify-content: space-between; gap: 4px; margin-bottom: 6px; }.rl-page .mission-reward { display: inline-flex; align-items: center; gap: 3px; color: #cbd5e1; font-size: 7px; }.rl-page .mission-reward svg { color: #cbd5e1; }.rl-page .mission-reward b { font-size: 8px; }.rl-page .mission-eta { display: inline-flex; align-items: center; gap: 3px; color: #cbd5e1; font-size: 7px; white-space: nowrap; }.rl-page .mission-eta svg { color: #cbd5e1; }.rl-page .mission-action { display: flex; min-height: 30px; width: 100%; justify-content: center; align-items: center; gap: 6px; margin-top: auto; border: 1px solid rgba(176,146,255,.17); border-radius: 7px; background: #7c3aed; color: #fff; font-size: 8px; font-weight: 750; cursor: pointer; transition: background .18s ease,box-shadow .18s ease; }.rl-page .mission-action:hover:not(:disabled) { background: #8b5cf6; box-shadow: 0 0 15px rgba(139,92,246,.26); }.rl-page .mission-action:disabled { border-color: rgba(139,92,246,.18); background: rgba(139,92,246,.13); color: #fff; cursor: default; }.rl-page .mission-action.milestone-action { border-color: rgba(255,218,93,.55); background: #eab308; box-shadow: 0 3px 10px rgba(234,179,8,.1); color: #fff; }.rl-page .mission-action.milestone-action:hover:not(:disabled) { border-color: #ffe27e; background: #f5c927; box-shadow: 0 0 16px rgba(234,179,8,.19); }.rl-page .mission-action.completed-action { border-color: rgba(139,92,246,.2); background: rgba(139,92,246,.1); color: #fff; }.rl-page .missions-bottomline { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 5px 2px 0; color: #cbd5e1; font-size: 8px; }.rl-page .missions-bottomline > span,.rl-page .missions-bottom-right { display: inline-flex; align-items: center; gap: 5px; }.rl-page .missions-bottomline svg { color: #cbd5e1; }.rl-page .missions-bottom-right { color: #cbd5e1; }

.rl-page .page-footer { display: flex; align-items: center; gap: 12px; min-height: 49px; color: #cbd5e1; font-size: 8px; }.rl-page .footer-brand { display: flex; align-items: center; gap: 6px; color: #cbd5e1; font-size: 8px; font-weight: 800; letter-spacing: .08em; }.rl-page .brand-mark.small { width: 18px; height: 18px; gap: 1px; padding: 3px; border-radius: 6px; }.rl-page .brand-mark.small span { width: 3px; }.rl-page .brand-mark.small span:nth-child(1) { height: 5px; }.rl-page .brand-mark.small span:nth-child(2) { height: 8px; }.rl-page .brand-mark.small span:nth-child(3) { height: 4px; }.rl-page .footer-promo { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; border: 0; background: transparent; color: #cbd5e1; font-size: 8px; cursor: pointer; }.rl-page .footer-promo:hover { color: #cbd5e1; }.rl-page .footer-promo svg { color: #cbd5e1; }

.rl-page .drawer-scrim { position: fixed; z-index: 20; inset: 0; width: 100%; border: 0; background: rgba(3,4,8,.72); backdrop-filter: blur(3px); cursor: default; }.rl-page .promo-drawer { position: fixed; z-index: 21; top: 0; right: 0; display: flex; width: min(400px,100vw); height: 100dvh; flex-direction: column; padding: 24px 25px; border-left: 1px solid rgba(175,149,255,.22); background: radial-gradient(ellipse at 70% 20%,rgba(82,47,150,.18),transparent 45%),#0c1017; box-shadow: -20px 0 70px rgba(0,0,0,.48); }.rl-page .drawer-topline { display: flex; justify-content: space-between; align-items: center; }.rl-page .drawer-kicker { display: inline-flex; align-items: center; gap: 7px; color: #cbd5e1; font-size: 9px; font-weight: 800; letter-spacing: .12em; }.rl-page .icon-button { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(255,255,255,.05); border-radius: 8px; background: rgba(255,255,255,.025); color: #cbd5e1; cursor: pointer; }.rl-page .icon-button:hover { border-color: rgba(139,92,246,.4); color: #cbd5e1; }.rl-page .drawer-art { position: relative; display: grid; width: 91px; height: 91px; place-items: center; margin: 60px auto 23px; border: 1px solid rgba(178,150,255,.2); border-radius: 26px; background: radial-gradient(circle at 40% 34%,rgba(139,92,246,.28),rgba(29,21,49,.85)); box-shadow: 0 0 44px rgba(139,92,246,.11),inset 0 1px 0 rgba(255,255,255,.09); color: #cbd5e1; }.rl-page .promo-orbit { position: absolute; inset: -10px; border: 1px solid rgba(171,143,255,.12); border-radius: 30px; transform: rotate(14deg); }.rl-page .promo-orbit.orbit-two { inset: -18px 2px; border-color: rgba(171,143,255,.08); transform: rotate(-18deg); }.rl-page .promo-spark { position: absolute; color: #cbd5e1; }.rl-page .spark-a { top: -8px; right: 1px; }.rl-page .spark-b { bottom: 4px; left: -8px; color: #cbd5e1; }.rl-page .promo-drawer h2 { margin: 0; color: #fff; font-size: 26px; letter-spacing: -.05em; text-align: center; }.rl-page .promo-drawer > p { max-width: 285px; margin: 9px auto 27px; color: #cbd5e1; font-size: 11px; line-height: 1.65; text-align: center; }.rl-page .promo-form { display: flex; flex-direction: column; gap: 8px; }.rl-page .promo-form label { color: #cbd5e1; font-size: 8px; font-weight: 800; letter-spacing: .1em; }.rl-page .promo-input-wrap { display: flex; min-height: 42px; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid rgba(255,255,255,.05); border-radius: 9px; background: rgba(255,255,255,.025); color: #cbd5e1; }.rl-page .promo-input-wrap:focus-within { border-color: rgba(139,92,246,.65); box-shadow: 0 0 0 3px rgba(139,92,246,.1); }.rl-page .promo-input-wrap input { width: 100%; border: 0; outline: 0; background: transparent; color: #cbd5e1; font-size: 11px; letter-spacing: .1em; }.rl-page .promo-input-wrap input::placeholder { color: #cbd5e1; letter-spacing: .03em; }.rl-page .promo-submit { min-height: 39px; margin-top: 5px; }.rl-page .promo-response { margin: 5px 0 0; color: #cbd5e1; font-size: 10px; line-height: 1.45; }.rl-page .drawer-footnote { display: flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 19px; border-top: 1px solid rgba(255,255,255,.05); color: #cbd5e1; font-size: 8px; }.rl-page .drawer-footnote svg { color: #cbd5e1; }.rl-page .toast { position: fixed; z-index: 30; right: 25px; bottom: 23px; display: flex; max-width: min(420px,calc(100vw - 32px)); align-items: center; gap: 9px; padding: 10px 14px 10px 10px; border: 1px solid rgba(164,138,247,.31); border-radius: 10px; background: rgba(22,20,34,.96); box-shadow: 0 10px 40px rgba(0,0,0,.4),0 0 22px rgba(139,92,246,.14); color: #cbd5e1; font-size: 10px; }.rl-page .toast-icon { display: grid; width: 22px; height: 22px; flex: 0 0 22px; place-items: center; border-radius: 7px; background: rgba(139,92,246,.16); color: #cbd5e1; }

@media (min-width: 768px) { .rl-page .rank-ring { width: 102px; height: 102px; }.rl-page .rank-medallion { width: 96px; height: 96px; }.rl-page .rank-symbol { width: 80px; height: 80px; }.rl-page .rank-connector { top: 50px; left: calc(50% + 52px); width: calc(100% - 104px); } }
@media (max-width: 1100px) { .rl-page .page-content,.rl-page .topbar { width: min(100% - 40px,1380px); }.rl-page .hero-copy { width: 64%; }.rl-page .hero-mascot-frame { width: 46%; right: -4%; }.rl-page .rank-detail { grid-template-columns: 44px minmax(210px,1fr) minmax(210px,.85fr); gap: 12px; }.rl-page .rank-detail-tip { display: none; }.rl-page .mission-rail { grid-template-columns: repeat(6,minmax(160px,1fr)); }.rl-page .streak-track { grid-template-columns: repeat(6,minmax(125px,1fr)) minmax(150px,1.2fr); } }
@media (max-width: 760px) { .rl-page .page-content,.rl-page .topbar { width: calc(100% - 28px); }.rl-page .topbar { height: 60px; }.rl-page .main-nav { gap: 13px; margin-left: 24px; }.rl-page .nav-link { font-size: 9px; }.rl-page .xp-pill { display: none; }.rl-page .account-actions { gap: 6px; }.rl-page .wallet-pill { min-height: 28px; padding-inline: 8px; font-size: 9px; }.rl-page .avatar-button { width: 28px; height: 28px; }.rl-page .hero-banner { height: 246px; margin-top: 14px; border-radius: 13px; }.rl-page .hero-copy { width: 70%; padding: 20px 18px; }.rl-page .hero-copy h1 { max-width: 360px; font-size: clamp(34px,7.2vw,46px); }.rl-page .hero-subtitle { max-width: 300px; font-size: 10px; }.rl-page .hero-mascot-frame { right: -7%; width: 50%; opacity: .76; }.rl-page .hero-side-label { right: 10px; }.rl-page .hero-stats { bottom: 13px; left: 18px; gap: 11px; }.rl-page .hero-stat { font-size: 7px; }.rl-page .hero-stat-value { font-size: 10px; }.rl-page .hero-footnote { font-size: 8px; }.rl-page .section-block { margin-top: 12px; padding: 13px 13px 12px; border-radius: 12px; }.rl-page .section-heading { margin-bottom: 10px; }.rl-page .section-heading h2 { font-size: 17px; }.rl-page .section-heading p { font-size: 9px; }.rl-page .rank-detail { grid-template-columns: 42px minmax(0,1fr); gap: 10px; padding: 10px; }.rl-page .rank-detail-badge { width: 40px; height: 40px; }.rl-page .rank-perks-wrap { grid-column: 1 / -1; padding: 8px 0 0; border-top: 1px solid rgba(255,255,255,.05); border-left: 0; }.rl-page .rank-perks { gap: 6px 13px; }.rl-page .rank-next-note { font-size: 7px; }.rl-page .streak-heading { align-items: flex-start; }.rl-page .streak-heading-right { flex-direction: column-reverse; align-items: flex-end; gap: 5px; }.rl-page .streak-progress-wrap { width: 86px; }.rl-page .reset-chip { padding: 6px 7px; gap: 4px; }.rl-page .streak-track { grid-template-columns: repeat(6,minmax(120px,1fr)) minmax(145px,1.2fr); }.rl-page .mission-rail { grid-template-columns: repeat(7,minmax(176px,1fr)); gap: 8px; }.rl-page .mission-card { min-height: 186px; }.rl-page .mission-title { font-size: 10px; }.rl-page .provider-chassis { min-height: 36px; }.rl-page .mission-metrics { font-size: 7px; }.rl-page .mission-metrics b { font-size: 8.5px; }.rl-page .page-footer { min-height: 43px; } }
@media (max-width: 520px) { .rl-page .page-content,.rl-page .topbar { width: calc(100% - 22px); }.rl-page .topbar { height: 56px; }.rl-page .brand { gap: 7px; }.rl-page .brand-word { font-size: 10px; }.rl-page .brand-mark { width: 23px; height: 22px; }.rl-page .main-nav { display: none; }.rl-page .account-actions { gap: 6px; }.rl-page .wallet-pill { gap: 5px; min-height: 27px; padding-inline: 7px; }.rl-page .wallet-icon svg { width: 13px; }.rl-page .wallet-chevron { display: none; }.rl-page .avatar-button { width: 27px; height: 27px; }.rl-page .hero-banner { height: 257px; margin-top: 11px; }.rl-page .hero-copy { width: 100%; padding: 19px 15px; }.rl-page .hero-overline { font-size: 7px; }.rl-page .hero-copy h1 { position: relative; z-index: 2; max-width: 260px; margin-top: 12px; font-size: clamp(35px,10vw,43px); }.rl-page .hero-subtitle { position: relative; z-index: 2; max-width: 245px; margin-top: 7px; font-size: 9px; }.rl-page .hero-mascot-frame { top: 48%; right: -17%; width: 71%; height: 100%; opacity: .43; }.rl-page .hero-mascot-wrap { height: 320px; }.rl-page .hero-actions { position: relative; z-index: 4; flex-wrap: wrap; gap: 7px; }.rl-page .hero-cta { min-width: 126px; min-height: 32px; padding-inline: 10px; font-size: 9px; }.rl-page .promo-trigger { min-height: 32px; gap: 5px; padding-inline: 7px; font-size: 8px; }.rl-page .promo-trigger-icon { width: 18px; height: 18px; }.rl-page .hero-footnote { display: none; }.rl-page .hero-stats { right: 10px; bottom: 11px; left: 15px; gap: 8px; }.rl-page .hero-stat { font-size: 6px; }.rl-page .hero-stat-value { font-size: 9px; }.rl-page .hero-stat-separator { height: 18px; }.rl-page .hero-side-label { top: 11px; right: 10px; font-size: 7px; }.rl-page .section-block { margin-top: 10px; padding: 12px 10px 10px; }.rl-page .section-heading { gap: 6px; }.rl-page .section-heading h2 { font-size: 16px; }.rl-page .section-heading p { max-width: 228px; font-size: 8px; }.rl-page .eyebrow { font-size: 7px; }.rl-page .rank-snapshot { gap: 6px; padding: 6px; }.rl-page .rank-snapshot b { font-size: 8px; }.rl-page .rank-snapshot small { font-size: 7px; }.rl-page .snapshot-divider { height: 18px; margin: 0; }.rl-page .xp-snapshot { font-size: 8px; }.rl-page .rank-track { min-width: 690px; }.rl-page .rank-ring { width: 82px; height: 82px; }.rl-page .rank-medallion { width: 76px; height: 76px; }.rl-page .rank-symbol { width: 65px; height: 65px; }.rl-page .rank-connector { top: 40px; left: calc(50% + 42px); width: calc(100% - 84px); }.rl-page .rank-current-tag { top: 61px; }.rl-page .rank-detail { grid-template-columns: 37px minmax(0,1fr); gap: 8px; margin-top: 7px; padding: 8px; }.rl-page .rank-detail-badge { width: 36px; height: 36px; border-radius: 9px; }.rl-page .rank-detail-badge .rank-symbol { width: 32px; height: 32px; }.rl-page .detail-tier-name { font-size: 10px; }.rl-page .rank-status { font-size: 6px; }.rl-page .rank-progress-copy,.rl-page .rank-progress-copy b,.rl-page .rank-progress-percent { font-size: 7px; }.rl-page .rank-perks { gap: 5px 8px; }.rl-page .rank-perks li { font-size: 7px; }.rl-page .rank-next-note { margin-top: 7px; }.rl-page .streak-heading { align-items: center; }.rl-page .streak-heading h2 { flex-wrap: wrap; }.rl-page .streak-heading-right { gap: 5px; }.rl-page .streak-progress-wrap { width: 65px; }.rl-page .reset-chip { gap: 3px; padding: 5px; font-size: 7px; }.rl-page .reset-chip svg { width: 11px; }.rl-page .reset-chip b { font-size: 7px; }.rl-page .streak-current { font-size: 9px; }.rl-page .streak-current small { font-size: 6px; }.rl-page .streak-track { gap: 6px; grid-template-columns: repeat(6,minmax(112px,1fr)) minmax(135px,1.2fr); }.rl-page .streak-card { min-height: 156px; padding: 7px 6px 6px; }.rl-page .streak-day-label { font-size: 6px; }.rl-page .streak-reward-name { font-size: 7px; }.rl-page .streak-claim-hint { align-items: flex-start; font-size: 7px; line-height: 1.4; }.rl-page .hint-spacer { display: none; }.rl-page .hint-streak { margin-left: auto; font-size: 7px; }.rl-page .missions-heading { align-items: flex-end; }.rl-page .missions-heading .section-heading p { max-width: 235px; }.rl-page .all-missions-button { margin-bottom: 1px; padding: 6px 7px; font-size: 8px; }.rl-page .mission-rail { grid-template-columns: repeat(7,minmax(166px,1fr)); gap: 7px; }.rl-page .mission-card { min-height: 178px; padding: 9px; }.rl-page .mission-title { margin: 6px 0 4px; font-size: 9px; }.rl-page .provider-chassis { min-height: 32px; margin-bottom: 6px; }.rl-page .provider-symbol { width: 19px; height: 19px; }.rl-page .mission-action { min-height: 28px; }.rl-page .missions-bottomline { font-size: 7px; }.rl-page .missions-bottom-right { font-size: 7px; }.rl-page .page-footer { gap: 7px; font-size: 7px; }.rl-page .footer-brand { font-size: 7px; }.rl-page .brand-mark.small { width: 16px; height: 16px; }.rl-page .toast { right: 11px; bottom: 11px; font-size: 9px; } }
@media (prefers-reduced-motion: reduce) { .rl-page *,.rl-page *::before,.rl-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }


/* Rewards preview: carbon surfaces, restrained accents, and compact components. */
.rl-page { color: #fff; --line: rgba(255,255,255,.05); }
.rl-page .app-shell { background: #080b11; }
.rl-page .app-shell::before { display: none; }
.rl-page .section-block { padding: 24px; background: #0c1017; border-color: var(--line); }
.rl-page .section-heading { margin-bottom: 16px; }
.rl-page .section-heading p { color: #cbd5e1; }
.rl-page .hero-banner { height: 360px; background: rgba(12,16,23,.9); border: 1px solid rgba(255,255,255,.05); border-radius: 16px; box-shadow: 0 0 36px rgba(139,92,246,.05),inset 0 1px 0 rgba(255,255,255,.025); backdrop-filter: blur(20px); }
.rl-page .hero-banner::before { opacity: 1; background: radial-gradient(ellipse at 60% 50%,#0c1017 10%,transparent 72%); }
.rl-page .hero-grid-glow { display: none; }
.rl-page .hero-copy h1 > span { color: #fff; text-shadow: none; }
.rl-page .hero-copy h1 > i { color: #fff; }
.rl-page .hero-copy { width: 55%; }
.rl-page .hero-overline { max-width: 100%; font-size: 9px; line-height: 1.7; letter-spacing: .09em; }
.rl-page .hero-subtitle { max-width: 440px; margin: 14px 0 22px; color: #cbd5e1; font-size: 13px; line-height: 1.7; }
.rl-page .hero-mascot { height: 320px; max-height: none; max-width: none; filter: none; transform: scale(1.18); transform-origin: right center; opacity: 1; mask-image: radial-gradient(ellipse at right,black 65%,transparent 100%),linear-gradient(to right,transparent,black 24%,black 94%,transparent),linear-gradient(to bottom,transparent,black 10%,black 88%,transparent); mask-composite: intersect; -webkit-mask-image: radial-gradient(ellipse at right,black 65%,transparent 100%),linear-gradient(to right,transparent,black 24%,black 94%,transparent),linear-gradient(to bottom,transparent,black 10%,black 88%,transparent); -webkit-mask-composite: source-in; }
.rl-page .hero-mascot-wrap { height: 100%; overflow: visible; }
.rl-page .hero-mascot-frame { top: 50%; right: 0; width: 58%; height: 100%; opacity: 1; mask-image: linear-gradient(to right,transparent,black 28%,black 92%,transparent),linear-gradient(to bottom,transparent,black 14%,black 82%,transparent); mask-composite: intersect; -webkit-mask-image: linear-gradient(to right,transparent,black 28%,black 92%,transparent),linear-gradient(to bottom,transparent,black 14%,black 82%,transparent); -webkit-mask-composite: source-in; }
.rl-page .hero-side-label { display: none; }
.rl-page .live-dot { background: #cbd5e1; box-shadow: 0 0 8px rgba(139,92,246,.35); }
.rl-page .brand-mark { background: #0c1017; border-color: var(--line); box-shadow: 0 0 14px rgba(139,92,246,.08); }
.rl-page .brand-mark span { background: #fff; }
.rl-page .brand-word > span { color: #fff; }
.rl-page .nav-link.active::after { background: var(--violet); }
.rl-page .xp-pill, .rl-page .wallet-pill { border-color: var(--line); background: #0c1017; }
.rl-page .wallet-icon, .rl-page .mission-reward svg { color: var(--emerald); }
.rl-page .avatar-button { color: #fff; background: #0c1017; border-color: var(--line); }
.rl-page .violet-button, .rl-page .streak-action.claim-action { background: var(--violet-deep); border-color: rgba(139,92,246,.3); color: #fff; }
.rl-page .violet-button:hover, .rl-page .streak-action.claim-action:hover { background: var(--violet); }
.rl-page .promo-trigger { color: #fff; }
.rl-page .promo-trigger-icon { background: #080b11; color: #cbd5e1; }
.rl-page .snapshot-dot { background: #cbd5e1; box-shadow: 0 0 10px rgba(139,92,246,.2); }
.rl-page .rank-snapshot b, .rl-page .xp-snapshot { color: #fff; }

.rl-page .rank-track-scroll { padding: 8px 2px 4px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.15) transparent; }
.rl-page .rank-track { min-width: 728px; }
.rl-page .rank-node { padding-bottom: 8px; }
.rl-page .rank-ring { width: 96px; height: 96px; padding: 0; border: 0; background: none; }
.rl-page .rank-ring-svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.rl-page .rank-medallion { width: 78px; height: 78px; border-color: rgba(255,255,255,.05); background: radial-gradient(circle at 35% 20%,#202631,#080b11 75%); }
.rl-page .rank-symbol { width: 68px; height: 68px; }
.rl-page .rank-symbol.is-lit { filter: drop-shadow(0 2px 6px rgba(0,0,0,.5)) drop-shadow(0 0 5px color-mix(in srgb,var(--tier-metal) 18%,transparent)); }
.rl-page .rank-node.locked .rank-symbol { filter: saturate(.65) brightness(.6) drop-shadow(0 3px 6px rgba(0,0,0,.4)); }
.rl-page .rank-node.selected .rank-ring { transform: scale(1.04); box-shadow: 0 0 24px rgba(139,92,246,.13); }
.rl-page .rank-node.current .rank-ring { box-shadow: 0 0 22px color-mix(in srgb,var(--tier-metal) 18%,transparent),inset 0 0 14px color-mix(in srgb,var(--tier-metal) 8%,transparent); }
.rl-page .rank-node.current .rank-ring-progress, .rl-page .rank-node.passed .rank-ring-progress { filter: drop-shadow(0 0 2px var(--tier-metal)); }
.rl-page .rank-node.locked .rank-label { color: #94a3b8; }
.rl-page .rank-lock-badge { position: absolute; top: 3px; right: 2px; display: grid; width: 21px; height: 21px; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; background: #0c1017; color: #94a3b8; }
.rl-page .rank-active-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--tier-metal); box-shadow: 0 0 6px color-mix(in srgb,var(--tier-metal) 40%,transparent); }
.rl-page .rank-label { font-size: 11px; color: #fff; margin-top: 8px; }
.rl-page .rank-xp-label { font-size: 9px; color: #cbd5e1; }
.rl-page .rank-connector { top: 48px; left: calc(50% + 50px); width: calc(100% - 100px); background: rgba(255,255,255,.1); }
.rl-page .rank-current-tag { top: 77px; padding: 3px 6px; border-color: color-mix(in srgb,var(--tier-metal) 45%,transparent); background: #0c1017; color: #fff; font-size: 7px; }
.rl-page .rank-detail { grid-template-columns: 48px minmax(220px,1fr) minmax(280px,1.15fr); gap: 16px; padding: 16px; margin-top: 12px; border-color: var(--line); border-left: 2px solid var(--tier-metal); background: #080b11; }
.rl-page .rank-detail-badge { background: #0c1017; border-color: color-mix(in srgb,var(--tier-metal) 30%,transparent); }
.rl-page .rank-detail-tip { display: none; }
.rl-page .detail-tier-name { font-size: 14px; color: #fff; }
.rl-page .rank-status { font-size: 9px; color: #cbd5e1; }
.rl-page .rank-status.is-current { background: #0c1017; border-color: color-mix(in srgb,var(--tier-metal) 35%,transparent); color: #fff; }
.rl-page .rank-status svg, .rl-page .perk-check { color: var(--tier-metal); }
.rl-page .perk-check { background: color-mix(in srgb,var(--tier-metal) 8%,transparent); }
.rl-page .rank-progress-copy, .rl-page .rank-progress-copy b, .rl-page .rank-progress-percent { font-size: 10px; }
.rl-page .rank-progress-copy { margin-top: 8px; }
.rl-page .rank-progress-line { height: 4px; margin: 6px 0; background: rgba(255,255,255,.1); }
.rl-page .rank-progress-line span { background: var(--tier-metal); box-shadow: none; transition: width .6s ease-out; }
.rl-page .rank-progress-percent b { color: #fff; }
.rl-page .rank-perks-wrap { padding-left: 16px; }
.rl-page .perk-label { font-size: 8px; }
.rl-page .rank-perks { gap: 8px 12px; }
.rl-page .rank-perks li { font-size: 10px; }
.rl-page .rank-next-note { font-size: 9px; margin-top: 12px; }

.rl-page .streak-track { grid-template-columns: repeat(6,minmax(116px,1fr)) minmax(184px,1.55fr); gap: 16px; padding: 4px 1px 8px; scroll-snap-type: x proximity; }
.rl-page .streak-card { min-height: 192px; padding: 10px; background: #080b11; border-color: var(--line); scroll-snap-align: start; }
.rl-page .streak-card.claimed { border-color: var(--line); }
.rl-page .streak-card.locked { opacity: 1; }
.rl-page .streak-card.claimable { background: radial-gradient(ellipse at 50% 60%,rgba(139,92,246,.07),transparent 65%),#080b11; border-color: rgba(139,92,246,.35); box-shadow: 0 0 14px rgba(139,92,246,.06); }
.rl-page .streak-card.jackpot-card { background: #080b11; border-color: rgba(234,179,8,.3); box-shadow: inset 0 0 24px rgba(139,92,246,.04); }
.rl-page .streak-card.jackpot-card::before { background: linear-gradient(90deg,transparent,#eab308,#8b5cf6,transparent); }
.rl-page .streak-day-label { font-size: 8px; }
.rl-page .day-state { font-size: 7px; }
.rl-page .streak-day-label b { color: #fff; }
.rl-page .chest-scene { height: 94px; flex-basis: 94px; }
.rl-page .loot-chest { width: 74px; height: 66px; transform: perspective(160px) rotateX(2deg); filter: drop-shadow(0 7px 4px rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(139,92,246,.15)); }
.rl-page .chest-floor { bottom: 9px; width: 78px; height: 11px; border: 1px solid rgba(139,92,246,.4); background: #0c1017; filter: none; box-shadow: 0 0 12px rgba(139,92,246,.18),inset 0 0 8px rgba(139,92,246,.08); }
.rl-page .chest-lid, .rl-page .chest-day-1 .chest-lid, .rl-page .chest-day-2 .chest-lid, .rl-page .chest-day-3 .chest-lid, .rl-page .chest-day-4 .chest-lid, .rl-page .chest-day-5 .chest-lid, .rl-page .chest-day-6 .chest-lid { background: linear-gradient(145deg,#38404d,#0c1017 75%); border-color: rgba(139,92,246,.4); }
.rl-page .chest-lid i { background: linear-gradient(90deg,#64748b,#0c1017); border-color: rgba(255,255,255,.1); }
.rl-page .chest-base, .rl-page .chest-day-4 .chest-base, .rl-page .chest-day-5 .chest-base, .rl-page .chest-day-6 .chest-base { background: linear-gradient(100deg,#202631,#080b11 55%,#303744); border-color: rgba(139,92,246,.3); }
.rl-page .chest-lock { background: #cbd5e1; border-color: #fff; color: #080b11; }
.rl-page .chest-spark { color: #cbd5e1; }
.rl-page .completion-badge { position: absolute; z-index: 4; display: grid; width: 24px; height: 24px; place-items: center; border: 1.5px solid #10b981; border-radius: 50%; background: #08201b; color: #10b981; box-shadow: 0 0 0 3px #080b11,0 0 12px rgba(16,185,129,.18); }
.rl-page .rank-completed-badge { top: 2px; right: 1px; }
.rl-page .chest-claimed-mark { width: 25px; height: 25px; top: 14px; right: calc(50% - 38px); background: #08201b; border-color: #10b981; color: #10b981; }
.rl-page .mission-completed-badge { top: -8px; right: -5px; }
.rl-page .complete-card .mission-progress span { background: #10b981; box-shadow: none; }
.rl-page .mega-vault { width: 88px; height: 62px; position: relative; z-index: 1; margin-top: 30px; filter: drop-shadow(0 0 8px rgba(139,92,246,.15)); }
.rl-page .vault-guardian-slot { position: absolute; z-index: 2; top: 28px; left: 50%; transform: translateX(-50%); width: 96px; max-width: calc(100% - 20px); height: 32px; pointer-events: none; }
.rl-page .chest-jackpot .chest-floor { width: 100px; bottom: 0; border-color: rgba(234,179,8,.3); animation: vault-energy 3s ease-in-out infinite; }
.rl-page .chest-jackpot .chest-rays { top: 35px; }
.rl-page .chest-jackpot .chest-spark-a { top: 33px; }
.rl-page .chest-jackpot .chest-spark-b { top: 58px; }
.rl-page .streak-reward-name, .rl-page .jackpot-card .streak-reward-name { color: #fff; font-size: 10px; margin-top: 2px; }
.rl-page .streak-reward-value { font-size: 9px; margin: 5px 0 10px; }
.rl-page .streak-action { min-height: 28px; font-size: 9px; }
.rl-page .streak-action.locked-action, .rl-page .jackpot-card .streak-action.locked-action { color: #cbd5e1; border-color: var(--line); }
.rl-page .streak-progress-track span { background: #cbd5e1; box-shadow: 0 0 8px rgba(139,92,246,.18); }
.rl-page .streak-claim-hint { font-size: 9px; }
@keyframes vault-energy { 50% { box-shadow: 0 0 16px rgba(139,92,246,.24),0 0 8px rgba(234,179,8,.1); } }

.rl-page .mission-total { color: #cbd5e1; font-size: 10px; white-space: nowrap; }
.rl-page .mission-count { background: #080b11; border-color: var(--line); color: #fff; }
.rl-page .mission-rail { grid-template-columns: repeat(6,minmax(192px,1fr)); grid-auto-columns: auto; gap: 16px; padding: 4px 1px 8px; scrollbar-color: rgba(255,255,255,.15) transparent; }
.rl-page .mission-card { position: relative; display: block; min-height: 0; aspect-ratio: 1 / 1; padding: 14px; border-color: var(--line); background: #080b11; }
.rl-page .mission-content { display: grid; grid-template-rows: 14px 28px minmax(28px,1fr) 10px 3px 16px 32px; gap: 4px; height: 100%; min-width: 0; transition: opacity .3s ease,filter .3s ease; }
.rl-page .mission-card.milestone-card { background: #080b11; border-color: var(--line); }
.rl-page .mission-card.active-card { border-color: rgba(139,92,246,.28); box-shadow: 0 0 20px rgba(139,92,246,.06); }
.rl-page .mission-card.active-card:hover { border-color: rgba(139,92,246,.45); box-shadow: 0 6px 18px rgba(0,0,0,.2),0 0 16px rgba(139,92,246,.09); }
.rl-page .mission-card.locked-card { pointer-events: none; }
.rl-page .mission-card.locked-card .mission-content { opacity: .4; filter: grayscale(.4); pointer-events: none; }
.rl-page .mission-card.locked-card .mission-action { color: #cbd5e1; background: #0c1017; }
.rl-page .mission-locked-overlay { position: absolute; z-index: 2; inset: 42px 8px 42px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; background: radial-gradient(ellipse,#080b11 15%,rgba(8,11,17,.92) 35%,transparent 72%); color: #fff; pointer-events: none; }
.rl-page .mission-locked-overlay strong { font-size: 11px; line-height: 1; }
.rl-page .mission-locked-overlay > span:last-child { color: #cbd5e1; font-size: 8px; }
.rl-page .mission-padlock { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid rgba(203,213,225,.25); border-radius: 10px; color: #e2e8f0; background: linear-gradient(140deg,#36404f,#0c1017 60%,#25303c); box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 3px 9px #000; }
.rl-page .mission-number { font-size: 8px; letter-spacing: .06em; }
.rl-page .mission-status { padding: 2px 4px; font-size: 7px; letter-spacing: 0; color: #cbd5e1; }
.rl-page .mission-status svg { width: 8px; height: 8px; color: #cbd5e1; }
.rl-page .status-milestone, .rl-page .status-done { border-color: var(--line); background: #0c1017; }
.rl-page .mission-title { align-self: center; min-height: 0; margin: 0; font-size: 12px; line-height: 1.15; color: #fff; }
.rl-page .provider-chassis, .rl-page .provider-chassis.gold-chassis { position: relative; width: 100%; min-height: 0; height: 100%; margin: 0; border-color: var(--line); background: #0c1017; }
.rl-page .provider-mark { color: #fff; font-size: 12px; }
.rl-page .provider-symbol { width: 22px; height: 22px; }
.rl-page .provider-game-center { font-size: 10px; }
.rl-page .provider-golden-gift .provider-symbol { color: #cbd5e1; }
.rl-page .wordmark-shine { background: none; }
.rl-page .mission-metrics, .rl-page .mission-metrics b { font-size: 8px; }
.rl-page .metric-target { color: #cbd5e1; }
.rl-page .mission-progress { margin: 0; }
.rl-page .mission-progress span, .rl-page .mission-progress span.milestone-fill { background: #cbd5e1; box-shadow: 0 0 6px rgba(139,92,246,.15); }
.rl-page .mission-bottomline { margin: 0; }
.rl-page .mission-reward b { font-size: 12px; }
.rl-page .mission-eta { font-size: 8px; }
.rl-page .mission-action { height: 32px; min-height: 32px; max-height: 32px; margin: 0; background: var(--violet-deep); border-color: rgba(139,92,246,.25); color: #fff; font-size: 10px; }
.rl-page .mission-action:hover:not(:disabled) { background: var(--violet); }
.rl-page .mission-action.milestone-action { background: #eab308; border-color: #eab308; color: #080b11; }
.rl-page .mission-action.milestone-action:hover:not(:disabled) { background: #facc15; border-color: #facc15; }
.rl-page .mission-action:disabled, .rl-page .mission-action.completed-action { background: #0c1017; color: #cbd5e1; border-color: var(--line); }
.rl-page .missions-bottomline { font-size: 9px; margin-top: 8px; }
.rl-page .promo-drawer { width: min(360px,100vw); background: rgba(12,16,23,.95); backdrop-filter: blur(24px); border-color: rgba(139,92,246,.2); }
.rl-page .drawer-art { color: #fff; background: #080b11; }
.rl-page .promo-input-wrap { background: #080b11; }
.rl-page .promo-input-wrap input { color: #fff; }
.rl-page .toast { background: #0c1017; color: #fff; border-color: var(--line); }
.rl-page .toast-icon { color: #fff; background: #080b11; }

@media (max-width: 1100px) {
  .rl-page .rank-detail { grid-template-columns: 44px minmax(200px,1fr) minmax(230px,1fr); gap: 12px; }
}
@media (max-width: 760px) {
  .rl-page .section-block { padding: 16px; margin-top: 16px; }
  .rl-page .section-heading { margin-bottom: 16px; }
  .rl-page .section-heading p { font-size: 10px; }
  .rl-page .hero-banner { height: 280px; }
  .rl-page .hero-copy { width: 65%; }
  .rl-page .hero-overline { font-size: 8px; }
  .rl-page .hero-subtitle { max-width: 340px; font-size: 11px; line-height: 1.6; margin: 12px 0 16px; }
  .rl-page .hero-mascot-frame { width: 60%; }
  .rl-page .hero-mascot { height: auto; width: 100%; max-width: 100%; }
  .rl-page .rank-detail { grid-template-columns: 42px minmax(0,1fr); gap: 12px; padding: 12px; }
  .rl-page .rank-perks-wrap { padding: 12px 0 0; }
  .rl-page .rank-track { min-width: 728px; }
  .rl-page .mission-total { font-size: 9px; }
}
@media (max-width: 520px) {
  .rl-page .hero-banner { height: 340px; }
  .rl-page .hero-copy { width: 100%; padding: 24px 16px; }
  .rl-page .hero-overline { max-width: 250px; font-size: 8px; }
  .rl-page .hero-subtitle { max-width: 245px; font-size: 11px; line-height: 1.65; }
  .rl-page .hero-mascot-frame { width: 73%; top: 53%; opacity: .75; }
  .rl-page .section-block { padding: 16px 12px; }
  .rl-page .rank-snapshot { flex-shrink: 0; }
  .rl-page .rank-snapshot small { font-size: 8px; }
  .rl-page .rank-progress-copy, .rl-page .rank-progress-copy b, .rl-page .rank-progress-percent { font-size: 9px; }
  .rl-page .rank-perks li { font-size: 9px; }
  .rl-page .rank-detail-heading { flex-wrap: wrap; }
  .rl-page .streak-heading { align-items: flex-start; }
  .rl-page .streak-heading h2 { font-size: 16px; }
  .rl-page .reset-chip { font-size: 8px; }
  .rl-page .reset-chip b { font-size: 9px; }
  .rl-page .streak-claim-hint { flex-wrap: wrap; font-size: 9px; }
  .rl-page .hint-spacer, .rl-page .hint-streak { display: none; }
  .rl-page .streak-claim-hint > span:nth-child(2) { flex: 1; }
  .rl-page .missions-heading { flex-wrap: wrap; align-items: center; }
  .rl-page .missions-bottomline { font-size: 8px; }
  .rl-page .missions-bottom-right { font-size: 8px; }
}


.rl-page{width:100%;min-width:0;background:#080b11;color:#cbd5e1;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}
.rl-page h1,.rl-page h2,.rl-page h3,.rl-page p{margin-block-start:0}
.rl-page h1,.rl-page h2,.rl-page h3{font-family:inherit}
.rl-page button{font-family:inherit}.rl-page svg{display:inline-block;vertical-align:middle;flex-shrink:0}
.rl-page .hero-mascot-wrap{position:relative;width:100%;height:320px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}
.rl-page .hero-mascot{object-fit:contain}
.rl-page .rank-track{width:100%;min-width:800px;padding:6px 0 4px}
.rl-page .mission-rail{grid-template-columns:none;grid-auto-columns:minmax(192px,calc((100% - 80px)/6));grid-auto-flow:column}
.rl-page .provider-live-logo{width:auto;max-width:90%;height:26px;object-fit:contain}
.rl-page .mission-locked-overlay{pointer-events:none}
.rl-page .qualification{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:11px}
.rl-page .qualification progress{width:140px;height:5px;accent-color:#8b5cf6}
.rl-page .rl-feedback{margin:12px 0;padding:12px 16px;border:1px solid #8b5cf633;border-radius:8px;font-size:13px}
.rl-page .promo-drawer{position:fixed;inset:0 0 0 auto;margin:0 0 0 auto;max-width:100vw;max-height:100dvh;height:100dvh;border:0;border-left:1px solid #8b5cf633;color:#cbd5e1;box-sizing:border-box;overflow:auto}
.rl-page .promo-drawer:not([open]){display:none}.rl-page .promo-drawer::backdrop{background:#03050bbf;backdrop-filter:blur(3px)}
.rl-page .promo-drawer[open]{animation:rl-drawer-in .25s ease-out}.rl-page .promo-submit:disabled{opacity:.6;cursor:wait}
.rl-page .promo-input-wrap input{min-width:0}.rl-page .hero-banner{isolation:isolate}
.rl-page [hidden]{display:none!important}.rl-page :focus-visible{outline:2px solid #a78bfa;outline-offset:3px}
.rl-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes rl-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:520px){.rl-page .hero-mascot-wrap{height:260px}.rl-page .qualification{font-size:10px;gap:8px}.rl-page .mission-rail{grid-auto-columns:192px}}
@media(prefers-reduced-motion:reduce){.rl-page *{animation:none!important;scroll-behavior:auto!important}}

.rl-page .hero-mobile-subtitle,.rl-page .promo-edge-tab{display:none}
.rl-page .daily-play-art{position:relative;display:grid;place-items:center;height:103px;margin:2px auto;width:110px;isolation:isolate}
.rl-page .daily-play-art svg{display:block;width:110px;height:100px;position:relative;z-index:1;filter:drop-shadow(0 4px 8px #0008)}
.rl-page .daily-play-art::before{content:"";position:absolute;inset:8px -2px;background:radial-gradient(ellipse,#8b5cf632,transparent 68%);z-index:0}
.rl-page .daily-play-art.is-active::before{background:radial-gradient(ellipse,#8b5cf672,transparent 70%)}
.rl-page .daily-play-art.is-active svg{filter:drop-shadow(0 0 9px #8b5cf650)}
.rl-page .daily-play-art.is-finale::before{background:radial-gradient(ellipse,#eab30838,transparent 70%)}
.rl-page .daily-play-art.is-finale svg{filter:drop-shadow(0 0 7px #d9ab5830)}
.rl-page .streak-card.locked .daily-play-art{opacity:.7}
.rl-page .daily-play-art .chest-claimed-mark{z-index:2;right:3px;top:5px}
@media(max-width:767px){
 .rl-page .hero-banner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;min-height:190px;height:auto;margin-top:12px;padding:18px 0 18px 16px;background:#0c1017;border:1px solid #ffffff0d;border-radius:16px;overflow:hidden}
 .rl-page .hero-copy{width:100%;padding:0;min-width:0}
 .rl-page .hero-copy h1{max-width:100%;margin:0;color:#fff;font-size:clamp(24px,6.3vw,38px);line-height:1.06;letter-spacing:-.055em;font-weight:900}
 .rl-page .hero-overline,.rl-page .hero-subtitle,.rl-page .hero-actions{display:none}
 .rl-page .hero-mobile-subtitle{display:block;font-size:12px;line-height:1.5;color:#94a3b8;max-width:190px;margin:8px 0 0}
 .rl-page .hero-mascot-frame{position:relative;inset:auto;transform:none;width:100%;height:170px;opacity:1;isolation:isolate;min-width:0}
 .rl-page .hero-mascot-frame::before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle at center,rgba(139,92,246,.2),transparent 70%);z-index:-1}
 .rl-page .hero-mascot-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible}
 .rl-page .hero-mascot{width:120%;max-width:none;height:100%;max-height:none;object-fit:cover;object-position:right center;transform:translateX(-5%);opacity:1;mask-image:radial-gradient(ellipse at 65% 55%,#000 38%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 65% 55%,#000 38%,transparent 80%)}
 .rl-page .promo-edge-tab{display:flex;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:40;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:36px;min-height:67px;padding:10px 7px;background:#0c1017e6;border:1px solid #8b5cf666;border-right:0;border-radius:16px 0 0 16px;color:#c4b5fd;box-shadow:0 8px 24px #0007;backdrop-filter:blur(12px);cursor:pointer}
 .rl-page .promo-edge-tab svg{filter:drop-shadow(0 0 5px #8b5cf650)}
 .rl-page .promo-edge-tab>span{font-size:18px;line-height:12px}
 .rl-page .promo-edge-tab:focus-visible{outline:2px solid #c4b5fd;outline-offset:2px}
}
@media(prefers-reduced-transparency:reduce){.rl-page .promo-edge-tab{background:#0c1017;backdrop-filter:none}}
.rl-page .mission-expand{margin-top:12px;border:1px solid #603347;border-radius:10px;background:#281723;color:#ffb3d1;padding:10px 16px;min-height:42px;font-size:13px;cursor:pointer}