/* Identidade compartilhada da referência Worbit, consultada em 29/10/2026.
   Paleta, tipografia, controles e superfícies; regras e dados continuam no app. */
:root {
  --bg:#031419; --surface:#0a2026; --surface-2:#071c22;
  --line:#ffffff20; --line-2:#21383e; --text:#f3f3ef;
  --muted:#a3afb1; --dim:#82999e; --yellow:#f4e222;
  --yellow-dim:#f4e2210d; --ink:#101409;
  --bg-hero:#050606; --bg-structural:#080909; --accent-soft:#d8d66b;
  --ivory:#eeeee3; --ivory-card:#e4e5d5; --ivory-text:#192520;
  --ivory-muted:#536153; --ivory-sub:#77816a;
  --r-card:4px; --r-control:4px; --r-feature:16px;
}
html { scroll-padding-top:110px; }
body { background:var(--bg); font-family:Inter,Arial,sans-serif; }
button,input,select,textarea { font-family:inherit; }
h1,h2,h3,h4 { font-weight:500; }
h1,h2 { letter-spacing:-.065em; line-height:.96; }
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:2px solid var(--yellow); outline-offset:5px;
}
.btn { height:auto; min-height:46px; padding:15px 20px; border-radius:4px;
  font-size:12px; font-weight:500; line-height:1.3; letter-spacing:0; gap:24px;
  transition:background .2s,transform .2s,border-color .2s; }
.btn:hover:not(:disabled) { transform:translateY(-2px); }
.btn:disabled { cursor:not-allowed; }
.btn-yellow,.btn-tier { background:var(--yellow); color:var(--ink); box-shadow:none; }
.btn-yellow:hover,.btn-tier:hover { background:#ffed63; }
.btn-line { background:transparent; border:1px solid #ffffff30; color:var(--text); }
.btn-line:hover { background:#ffffff10; border-color:#ffffff45; }
.btn-lg { min-height:50px; font-size:14px; padding:14px 25px; }
.btn-sm { min-height:36px; padding:9px 12px; font-size:12px; }
input,select,textarea { border-radius:4px; background:var(--bg); border-color:#48605c; }
.card,.board,.ledger,.slider,.rk-block,.rk-how div,.pod,.rk-me,.streak,.goal,
.special-on,.prof-stats div,.prof-keys a,.cta-banner,.list,.login form { border-radius:4px; }
.card,.rk-block,.rk-how div,.slider,.list { background:var(--surface); border-color:var(--line-2); }
.board,.ledger { background:var(--surface-2); border-color:var(--line-2); }
.board th { background:var(--surface); }
.chip,.seg,.seg button,.tabs button,.kinds button,.badge,.icon,.thumb,.toast { border-radius:4px; }
.seg button,.tabs button,.kinds button { font-weight:500; }
.seg { padding:0; background:transparent; border:0; border-bottom:1px solid var(--line); }
.seg button { height:44px; border-radius:0; border-bottom:2px solid transparent; }
.seg button.on { background:transparent; color:var(--yellow); border-bottom-color:var(--yellow); }
.toast { background:var(--surface); border-color:#48605c; }
/* Mesmas margens de 32 / 20 / 16px e largura máxima da referência. */
.rewards-site .wrap { width:calc(100% - 64px); max-width:1500px; padding:0; margin-inline:auto; }
.rewards-site nav:not(.tabbar) { background:#080909eb; backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); border-bottom:1px solid #ffffff08; }
.rewards-site nav:not(.tabbar) .wrap { height:88px; gap:24px; }
.logo img { width:91px; height:auto; }
.logo span { font-size:11px; }
.nav-links { margin-left:auto; gap:22px; }
.nav-links a { height:88px; font-size:11px; color:var(--text); }
.nav-links a.on { box-shadow:none; color:var(--accent-soft); font-weight:500; }
.nav-links a:hover { color:var(--yellow); }
.nav-user { margin-left:0; font-size:11px; }
.nav-user .who { max-width:180px; overflow-wrap:anywhere; }
.nav-user .btn { height:48px; min-height:48px; border:1px solid #ffffff30; background:transparent; color:var(--text); }
.nav-user .btn:hover { background:#ffffff10; }
.rewards-site section { padding:100px 0; border-bottom-color:var(--line); }
.rewards-site #ranking,.rewards-site #sequencia,.rewards-site #perfil,.rewards-site #guia { padding-top:90px; }
.rewards-site .sec-title { align-items:flex-end; gap:24px; margin-bottom:50px; }
.rewards-site .sec-title h2, .rewards-site :is(#ranking,#sequencia,#perfil,#guia) h2 { font-size:clamp(48px,7vw,100px); text-transform:uppercase; max-width:13ch; }
.rewards-site .sec-title p { max-width:370px; font-size:14px; line-height:1.65; color:var(--muted); }
.rewards-site h2 .heading-soft { color:var(--dim); }
/* Abertura ampla, cofre como produto e ações com o amarelo suave original. */
.rewards-site .hero { padding:100px 0 85px; background:var(--bg-hero); }
.hero::before { background:radial-gradient(circle,rgba(186,185,105,.16) 1px,transparent 1.5px);
  background-size:64px 64px; background-position:30px 28px;
  mask-image:linear-gradient(to bottom,#000b,#000 35%,#0009); }
.hero .wrap { grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr); gap:7%; }
.hero h1 { font-size:clamp(64px,8vw,120px); max-width:11ch; font-weight:500; text-transform:uppercase; margin-top:55px; }
.hero h1 em { color:var(--accent-soft); }
.hero p { color:#a3afb1; font-size:15px; line-height:1.65; margin:30px 0; }
.hero p strong { font-weight:500; color:var(--text); }
.hero .chip { padding:0; border:0; background:none; text-transform:uppercase; font-size:10px; letter-spacing:.09em; }
.hero .chip b { font-weight:400; }
.live { width:5px; height:5px; box-shadow:none; }
.hero-actions { gap:16px; }
.hero-actions .btn-yellow { background:var(--accent-soft); color:#13160d; border-radius:16px; min-height:50px; min-width:230px; }
.hero-actions .btn-yellow:hover { background:#e4e28b; }
.hero-actions .btn-line { border:0; border-bottom:1px solid #8a927e; border-radius:0; padding-inline:0; background:transparent; }
.me-panel,.me-panel.show { background:#0a202680; border:1px solid #ffffff20; border-radius:4px; box-shadow:none; }
.me-panel::before,.me-panel.show::before { background:none; }
.me-head { padding:18px 24px; text-transform:uppercase; letter-spacing:.09em; font-size:10px; }
.show-stage { padding-top:48px; background:radial-gradient(ellipse at 50% 80%,#bdc09c0c,transparent 65%); }
.show-stage .vimg { height:210px; filter:drop-shadow(0 16px 24px #0008); }
.show-name b { font-weight:500; letter-spacing:-.04em; }
.show-lcd { border-radius:4px; border-color:#ffffff25; box-shadow:none; text-shadow:none; font-weight:500; }
.show-dots button { border-radius:2px; }
.show-dots button.on { background:var(--accent-soft); }
.me-body,.me-empty { padding:24px; }
.me-empty h3 { font-weight:500; font-size:24px; letter-spacing:-.045em; }
.me-empty h3 em { color:var(--accent-soft); }
.me-empty p { font-size:14px; margin:14px 0 22px; }
.me-total b { font-weight:500; letter-spacing:-.065em; color:var(--accent-soft); }
.me-rows div { font-size:13px; }
.steps b { background:transparent; border:0; border-radius:0; color:var(--dim); font-weight:400; }
/* Vitrine: as cores dos níveis continuam identificando cada cofre. */
#spins { background:linear-gradient(#080909,var(--bg) 280px); }
.wallets { gap:16px; }
button.token { border:1px solid var(--line-2); border-radius:4px; box-shadow:none;
  background:var(--surface); padding:28px 16px 0; min-height:340px; }
button.token:hover { border-color:var(--b1); transform:translateY(-4px); }
.token .name { color:var(--text); background:none; font-size:23px; font-weight:500; letter-spacing:-.045em; }
.token .desc { font-size:12px; margin-top:14px; }
.token .lvl i { height:2px; border-radius:0; }
.token .art { padding:16px 0; }
.token .foot { clip-path:none; width:calc(100% + 32px); min-width:0; border-top:1px solid var(--line-2);
  padding:14px 8px; background:transparent; font-weight:500; }
.token .exp { border-radius:4px; font-weight:400; }
.t-ath.token::after { display:none; }
.vimg { filter:drop-shadow(0 12px 18px #0008); }
/* Capítulos marfim e cards de regras, como nas condições VIP. */
#como,#exemplos { background:var(--ivory); color:var(--ivory-text); border-bottom:0; }
#como h2,#exemplos h2 { color:var(--ivory-text); }
#como h2 .heading-soft,#exemplos h2 .heading-soft { color:var(--ivory-sub); }
#como .sec-title p,#exemplos .sec-title p { color:var(--ivory-muted); border-left:2px solid #a3a34b; padding-left:18px; }
#como .card,.ex .card { border-radius:0; background:var(--ivory-card); border-color:#bdc3ac; color:var(--ivory-text); }
.earn { gap:22px; }
.earn .card { padding:28px; gap:12px; }
.earn h3 { font-size:19px; font-weight:500; letter-spacing:-.04em; }
.earn .rule { font-size:30px; font-weight:500; letter-spacing:-.05em; }
.earn p { font-size:14px; line-height:1.65; }
.earn .ico { border-radius:0; background:none; color:var(--accent-soft); }
#como .earn h3,#como .earn .rule,#como .earn .now b { color:var(--ivory-text); }
#como .earn p,#como .earn .now { color:var(--ivory-muted); }
#como .earn .ico { color:#687431; background:none; }
#como .bar { background:#bdc3ac; }
#como .bar i { background:#687431; }
#como .earn .more { color:var(--ivory-text); }
.earn .more { font-weight:500; text-decoration:underline; text-underline-offset:8px; }
#como .special-on { background:var(--ivory-card); color:var(--ivory-text); border-color:#bdc3ac; }
#como .special-on b { color:#5b46c9; }
#como :focus-visible,#exemplos :focus-visible { outline-color:#6d762d; }
.ex .eq { border-radius:0; font-weight:500; }
/* Banners, títulos e encerramento com a mesma hierarquia editorial. */
.promo { background:var(--bg); padding:80px 0; }
.slide { padding:48px 40px 64px; }
.slide::before { background:none; }
.slide .tag { background:none; color:var(--dim); padding:0; border-radius:0; font-size:10px; font-weight:400; letter-spacing:.09em; text-transform:uppercase; }
.slide h3 { font-size:clamp(32px,4.6vw,68px); font-weight:500; letter-spacing:-.065em; line-height:.96; text-transform:uppercase; }
.slide h3 em,.slide p em { color:var(--accent-soft); }
.slide .big { border:1px solid #ffffff20; border-radius:4px; box-shadow:none; color:var(--accent-soft); font-weight:500; }
.rewards-site .cta { padding:50px 0 100px; }
.cta-banner { background:none; border:0; border-top:1px solid var(--line); padding:65px 0 0; border-radius:0; }
.cta-banner h2 { font-size:clamp(48px,6vw,90px); font-weight:500; line-height:.96; text-transform:uppercase; max-width:15ch; }
.cta-banner p { margin-top:28px; color:var(--muted); font-size:15px; }
footer { background:var(--bg); padding:45px 0; border-top:1px solid var(--line); }
footer .wrap { gap:24px; font-size:12px; color:#9baeb0; }
/* Ranking, atividade, perfil e ajuda. */
.rk-how div { background:transparent; padding:20px 16px; }
.rk-how b,.rk-num { border-radius:0; background:none; color:var(--dim); font-weight:400; }
.rk-block { padding:32px; margin-bottom:24px; }
.rk-head { margin-bottom:24px; }
.rk-head h3 { font-weight:500; font-size:32px; letter-spacing:-.05em; line-height:1.1; margin-bottom:10px; }
.rk-prize { white-space:normal; }
.pod { background:var(--surface-2); border-color:var(--line-2); border-radius:4px; padding:24px 16px; }
.pod.p1 { padding-top:40px; background:#d8d66b08; border-color:#d8d66b55; }
.pod .medal,.pod.p1 .medal,.pod.p2 .medal,.pod.p3 .medal { background:none; border:0; border-radius:0; box-shadow:none; color:var(--dim); font-weight:500; font-size:26px; }
.pod.p1 .medal { color:var(--accent-soft); font-size:36px; }
.pod .v { font-weight:500; font-size:26px; letter-spacing:-.05em; }
.pod .gets { border-radius:0; background:none; font-weight:400; white-space:normal; }
.rk-me { border-color:#d8d66b35; }
.rk-more summary { font-weight:500; padding:16px 0; }
.chip { background:none; border-color:var(--line); font-size:12px; }
.act .card { padding:28px; }
.act-big b,.prof-stats b { font-weight:500; letter-spacing:-.065em; }
.act-big .fire,.days i,.today li::before { border-radius:4px; }
.bar { height:4px; border-radius:0; }
.prof { padding:32px; }
.prof-stats div { background:var(--surface-2); padding:22px; }
.prof-stats b { font-size:40px; }
.prof-keys a { background:var(--surface-2); border-color:var(--line-2); }
.prof-top b { font-weight:500; }
.prof-empty { max-width:560px; padding:32px; }
.prof-empty h3 { font-size:28px; font-weight:500; letter-spacing:-.045em; }
.steps4 { gap:0; }
.steps4>li { padding:36px 0; background:none; border:0; border-bottom:1px solid var(--line); border-radius:0; gap:32px; }
.steps4 .n { border-radius:0; background:none; color:var(--dim); font-weight:500; font-size:44px; }
.steps4 h3 { font-weight:500; font-size:32px; letter-spacing:-.05em; }
.ways b { font-weight:500; color:var(--accent-soft); }
.tips li { border-radius:0; }
.tips li::before { background:none; color:var(--accent-soft); }
#faq .wrap { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
#faq .sec-title { display:block; }
#faq .sec-title p { margin-top:25px; }
.faq { display:block; }
.faq summary { font-weight:400; padding:23px 28px 23px 0; font-size:14px; }
.faq summary::after { color:var(--yellow); top:18px; }
.faq details p { line-height:1.65; padding-bottom:25px; }
/* Janelas de login e abertura: controles da marca, animação preservada. */
.dialog { background:var(--surface); border:1px solid #48605c; border-radius:4px; }
.dialog h3 { font-weight:500; letter-spacing:-.045em; }
.dialog input { border-radius:4px; font-size:16px; }
.dialog .close { border-radius:4px; }
.pz li,.pt { border-radius:4px; }
.pz li { background:var(--surface-2); }
.spin-result b { font-weight:500; }
.tabbar { background:#080909eb; backdrop-filter:blur(15px); border-color:var(--line); }
.tabbar a { font-weight:400; }
/* Admin: mesma identidade, densidade adaptada aos formulários. */
.rewards-admin .wrap { max-width:1120px; padding-inline:32px; }
.rewards-admin header { background:#080909eb; backdrop-filter:blur(15px); border-color:#ffffff08; }
.rewards-admin header .wrap { height:88px; }
.rewards-admin header img { width:91px; height:auto; }
.rewards-admin header .tag { background:none; color:var(--muted); border-radius:0; font-size:10px; font-weight:400; text-transform:uppercase; letter-spacing:.09em; }
.rewards-admin .tabs { top:88px; padding:20px 0; gap:0; }
.rewards-admin .tabs button { height:48px; border:0; border-bottom:1px solid var(--line); border-radius:0; font-size:12px; }
.rewards-admin .tabs button.on { background:none; color:var(--yellow); border-bottom:2px solid var(--yellow); }
.rewards-admin h2 { font-size:clamp(32px,4vw,52px); text-transform:uppercase; margin:32px 0 16px; }
.rewards-admin h3 { font-weight:500; }
.rewards-admin .card { padding:24px; }
.rewards-admin .savebar { background:#080909eb; backdrop-filter:blur(15px); }
.rewards-admin .login { background:var(--bg-hero); }
.rewards-admin .login form { max-width:420px; padding:36px; }
.rewards-admin .login h1 { font-size:36px; font-weight:500; margin-bottom:16px; }
.rewards-admin .wal div { border-radius:4px; }
.rewards-admin .wal b { font-weight:500; }
@media (hover:hover) and (pointer:fine) {
  body { cursor:url("cursor-dot.svg?v=2") 12 12,auto; }
  a,button,summary,select,[data-open] { cursor:url("cursor-dot-link.svg?v=2") 12 12,pointer; }
  input,textarea { cursor:text; }
  :disabled { cursor:not-allowed; }
}
@media(max-width:1100px) {
  .rewards-site .wrap { width:calc(100% - 40px); }
  .hero .wrap { gap:32px; grid-template-columns:minmax(0,1fr) 340px; }
  .nav-links { gap:16px; }
  .earn .card { padding:22px; }
}
@media(max-width:900px) {
  .hero .wrap { grid-template-columns:1fr; gap:48px; }
  .hero h1 { font-size:clamp(60px,11vw,96px); }
  .hero .me-panel { width:100%; max-width:560px; }
  .nav-user { margin-left:auto; }
  .rewards-site .sec-title { align-items:flex-start; }
  .rewards-site section { padding:75px 0; }
  .rewards-site .hero { padding:60px 0; }
  .earn { grid-template-columns:1fr 1fr; }
  #faq .wrap { gap:30px; }
  .cta-banner { grid-template-columns:1fr; }
}
@media(max-width:800px) {
  .rewards-site nav:not(.tabbar) .wrap,.rewards-admin header .wrap { height:74px; }
  .rewards-admin .tabs { top:74px; }
  .nav-user .btn { min-height:40px; height:40px; padding:10px 14px; }
}
@media(max-width:570px) {
  html { scroll-padding-top:90px; }
  .rewards-site .wrap { width:calc(100% - 32px); }
  .rewards-site nav:not(.tabbar) .wrap { gap:16px; }
  .logo img { width:85px; height:auto; }
  .logo span { display:block; font-size:10px; }
  .rewards-site .hero { padding:48px 0; }
  .hero::before { background-size:44px 44px; }
  .hero h1 { font-size:clamp(48px,13vw,74px); margin-top:32px; }
  .hero p { font-size:15px; margin:24px 0; }
  .hero-actions { gap:18px; align-items:center; }
  .hero-actions .btn-yellow { min-width:0; padding:14px 20px; flex:none; font-size:13px; }
  .hero-actions .btn-line { flex:none; padding:12px 0; font-size:13px; }
  .show-stage .vimg { height:180px; }
  .me-empty,.me-body { padding:22px; }
  .rewards-site section,.rewards-site #ranking,.rewards-site #sequencia,.rewards-site #perfil,.rewards-site #guia { padding:60px 0; }
  .rewards-site .sec-title { display:flex; flex-direction:column; align-items:flex-start; gap:22px; margin-bottom:32px; }
  .rewards-site .sec-title h2, .rewards-site :is(#ranking,#sequencia,#perfil,#guia) h2 { font-size:clamp(40px,11vw,62px); }
  .wallets { gap:12px; }
  button.token { flex-basis:190px; padding:24px 16px 0; min-height:300px; }
  .token .name { font-size:22px; }
  .earn { grid-template-columns:1fr; gap:14px; }
  .earn .card { padding:22px; row-gap:8px; }
  .earn .rule { font-size:26px; }
  .earn h3 { font-size:18px; }
  .promo { padding:60px 0; }
  .slide { padding:28px 24px 60px; }
  .slide h3 { font-size:36px; }
  .rk-block { padding:22px 16px; margin:0 0 16px; }
  .rk-head h3 { font-size:26px; }
  .rk-num { margin-right:4px; }
  .pod { min-width:0; padding:16px 5px; }
  .pod.p1 { padding-top:28px; }
  .pod .v { font-size:18px; }
  .pod .gets { padding:4px 0; font-size:10px; }
  .pod .who { font-size:11px; }
  .rk-me { padding:16px; }
  .rk-me p { min-width:0; }
  .act .card,.prof { padding:20px; }
  .prof-stats div { padding:16px; }
  .prof-stats b { font-size:32px; }
  .steps4>li { gap:12px; padding:28px 0; }
  .steps4 h3 { font-size:28px; }
  .steps4 .n { width:auto; height:auto; justify-content:start; font-size:32px; }
  #faq .wrap { grid-template-columns:1fr; gap:8px; }
  .cta-banner h2 { font-size:44px; }
  .rewards-site .cta { padding:0 0 60px; }
  footer .wrap { flex-direction:column; align-items:flex-start; gap:14px; }
  .rewards-admin .wrap { padding-inline:16px; }
  .rewards-admin .card { padding:20px; }
  .rewards-admin .login form { padding:28px 24px; }
  .rewards-admin .list .li { overflow-wrap:anywhere; }
  .rewards-admin .tabs button { padding-inline:14px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
}

/* Cofres: cores vibrantes, mantendo sombras e ferragens metálicas. */
:root { --diamond:#c18bff; }
.t-scalp { --t1:#65eaa1; --t2:#16be6a; --t3:#09492d; --b1:#22b675; --b2:#21383e; --wash:#16be6a0d; --shadow:none; }
.t-momentum { --t1:#77b5ff; --t2:#2674ee; --t3:#153b70; --b1:#3785e0; --b2:#21383e; --wash:#2674ee0d; --shadow:none; }
.t-rally { --t1:#ffda69; --t2:#ebb11a; --t3:#59410b; --b1:#caa52d; --b2:#21383e; --wash:#ebb11a0d; --shadow:none; }
.t-bullrun { --t1:#ff7b8d; --t2:#e12d44; --t3:#651322; --b1:#d54759; --b2:#21383e; --wash:#e12d440d; --shadow:none; }
.t-swing { --t1:#7fe8f5; --t2:#12b6c8; --t3:#06434c; --b1:#22a9b9; --b2:#21383e; --wash:#12b6c80d; --shadow:none; }
.t-trend { --t1:#ffad6b; --t2:#f47016; --t3:#5a2606; --b1:#e07b35; --b2:#21383e; --wash:#f470160d; --shadow:none; }
.t-daily { --t1:#ff8cc8; --t2:#e83a96; --t3:#5c0f38; --b1:#d4508f; --b2:#21383e; --wash:#e83a960d; --shadow:none; }
.t-ath { --t1:#c18bff; --t2:#9e45ed; --t3:#481778; --b1:#a15de0; --b2:#21383e; --wash:#9e45ed0d; --bw:1px; --shadow:none; }
.k-padrao { --c:#65eaa1; } .k-rank_a { --c:#77b5ff; } .k-rank_b { --c:#ffda69; }
.k-rank_c { --c:#ff7b8d; } .k-especial { --c:#c18bff; }
.vwrap.lv7::before { display:none; }
.token .lvl i.on { background:var(--t2); }
.token .name { color:var(--t1); }
.show-name b { color:var(--t1); }
.stage { background:radial-gradient(ellipse at 50% 70%,#bdc09c0d,transparent 65%); border-radius:4px; }
.stage .lcd,.show-lcd { text-shadow:none; box-shadow:none; border-color:var(--b1); }
.tk-head .kicon { filter:none; }
.pz .ico,.pt .ico { background:var(--surface-2); color:var(--t1); box-shadow:none; border:1px solid var(--line-2); border-radius:4px; }
.pt.win { box-shadow:0 0 0 1px var(--b1); }
.ath-card { background:var(--surface); }
.ath-card .bar i { background:var(--accent-soft); }
#como .special-on b { color:#687431; }

/* Prêmios legíveis no painel alto da abertura. */
.rail .pt .ico { width:64px; height:64px; font-size:26px; }
.rail .pt span { font-size:13px; line-height:1.4; }

/* Identidade dos prêmios: cores por valor, ícones vetoriais e cifra em destaque. */
.prize-mint { --prize:#71ebba; --prize-bg:#133d35; }
.prize-violet { --prize:#c6a5ff; --prize-bg:#302344; }
.prize-gold { --prize:#ffdd83; --prize-bg:#43351d; }
.prize-blue { --prize:#93ceff; --prize-bg:#19384b; }
.prize-neutral { --prize:#a4b6bc; --prize-bg:#1a2c33; }
.rail .pt { width:142px; background:linear-gradient(155deg,var(--prize-bg),#091c23 90%); border:1px solid color-mix(in srgb,var(--prize) 30%,transparent); border-top:3px solid var(--prize); border-radius:10px; gap:10px; padding:16px 10px; }
.rail .pt .prize-kicker { font-size:8px; letter-spacing:.1em; color:var(--prize); }
.rail .pt .ico { width:66px; height:66px; border-radius:18px; color:var(--prize); background:color-mix(in srgb,var(--prize) 12%,transparent); border:1px solid color-mix(in srgb,var(--prize) 30%,transparent); box-shadow:0 8px 24px #0003; }
.rail .pt .ico svg { width:38px; height:38px; }
.prize-value { font-size:36px; line-height:1; letter-spacing:-.06em; color:var(--prize); }
.rail .pt span { color:#e3e9e8; font-size:12px; }
.rail.done .pt:not(.win) { opacity:.68; }
.rail .pt.win { border-color:var(--prize); box-shadow:inset 0 0 32px color-mix(in srgb,var(--prize) 10%,transparent); }
.pz .ico { color:var(--prize,var(--t1)); background:var(--prize-bg,var(--surface-2)); }
.pz .ico svg { width:22px; height:22px; }


/* Cofre apoiado no centro de um pequeno cenário, sem flutuação. */
.stage { height:320px; isolation:isolate; perspective:none; background:radial-gradient(ellipse at 50% 42%,#24414b80,transparent 64%),linear-gradient(180deg,#081a21 65%,#102a32); border:1px solid #ffffff08; }
.stage::before { content:""; position:absolute; width:244px; height:44px; bottom:14px; left:50%; transform:translateX(-50%); border-radius:50%; background:radial-gradient(ellipse at 50% 30%,#30464c,#142d35 65%); border:1px solid #58716c55; box-shadow:0 9px 0 #071b22,0 16px 20px #0005; }
.stage::after { content:""; position:absolute; width:164px; height:20px; bottom:24px; left:50%; transform:translateX(-50%); border-radius:50%; background:radial-gradient(ellipse,#000b,transparent 72%); }
.stage #bigBox { position:absolute; bottom:28px; left:50%; transform:translateX(-50%); z-index:1; }
.stage .vcan { margin:0; height:240px; filter:none; transform:translateZ(0); will-change:opacity,transform; }
.stage .lcd { contain:layout paint; font-variant-numeric:tabular-nums; min-width:140px; justify-content:center; }
.stage .lcd b { transition:opacity .18s,color .18s; }
.rail .track { transform:translateZ(0); backface-visibility:hidden; }
@media(max-width:570px) {
  .stage { height:290px; }
  .stage .vcan { height:210px; margin:0; }
  .stage::before { width:216px; }
}

/* Molduras quadradas dentro do painel opaco que cobre todo o cofre. */
.rail { --prize-size:176px; background:radial-gradient(ellipse at center,#18343b,#071c22 72%); }
.rail .track { top:calc(50% - var(--prize-size)/2); bottom:auto; height:var(--prize-size); align-items:center; }
.rail .pt { width:var(--prize-size); height:var(--prize-size); flex-shrink:0; gap:6px; padding:12px; border-radius:12px; }
.rail .pt .ico { width:44px; height:44px; min-height:44px; border-radius:12px; box-shadow:none; }
.rail .pt .ico svg { width:28px; height:28px; }
.rail .prize-value { font-size:29px; }
.rail .pt span { font-size:11px; line-height:1.3; }
.rail .pin { top:calc(50% - var(--prize-size)/2 - 14px); bottom:calc(50% - var(--prize-size)/2 - 14px); background:linear-gradient(var(--t1),transparent 22%,transparent 78%,var(--t1)); box-shadow:none; }
.rail .pt.win { animation:prize-reveal .5s ease-out both; box-shadow:0 0 0 1px var(--prize),0 0 28px color-mix(in srgb,var(--prize) 20%,transparent); }
.rail .pt.win::after { border-radius:14px; border-color:var(--prize); }
.rail.rolling .pin::before { animation:marker-pulse .7s ease-in-out infinite; }
@keyframes marker-pulse { 50% { opacity:.5; transform:translateY(3px); } }
@keyframes prize-reveal { 0% { transform:scale(1); } 45% { transform:scale(1.045); } 100% { transform:scale(1.025); } }
@media(max-width:570px) {
  .rail { --prize-size:156px; }
  .rail .pt { padding:10px; gap:5px; }
  .rail .pt .prize-kicker { display:none; }
  .rail .prize-value { font-size:28px; }
}

/* Vidro frio: reflexos estáticos mantêm o carrossel leve durante a rolagem. */
.rail { background:radial-gradient(ellipse at 18% 20%,#274955 0,transparent 50%),radial-gradient(ellipse at 85% 85%,#253b54 0,transparent 55%),#071b24; }
.rail .pt {
  overflow:hidden;
  background:linear-gradient(135deg,#ffffff20 0%,#ffffff08 42%,#ffffff03 60%,#d0edff0e 100%);
  border:1px solid #e4f5ff42;
  border-top:1px solid #f2fbff80;
  border-radius:16px;
  box-shadow:inset 0 1px 0 #ffffff35,inset 1px 0 0 #ffffff12,0 8px 22px #0003;
}
.rail .pt::before {
  content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit;
  background:linear-gradient(125deg,transparent 15%,#ffffff0c 35%,#ffffff1c 36%,transparent 38%,transparent 72%,#c4ecff0b 100%);
}
.rail .pt > * { position:relative; z-index:1; }
.rail .pt .prize-kicker { color:#c6d8e0; }
.rail .pt .ico {
  background:linear-gradient(145deg,#ffffff1c,#ffffff05);
  border:1px solid #ffffff38;
  box-shadow:inset 0 1px 0 #ffffff30,0 4px 12px #0002;
  color:var(--prize);
}
.rail .prize-value { color:#f1f8fc; text-shadow:0 2px 12px #b4e3ff26; }
.rail .pt span { color:#d8e6ee; }
.rail.done .pt:not(.win) { opacity:.76; }
.rail .pt.win {
  border-color:#d6f3ffb3;
  background:linear-gradient(135deg,#d3efff30,#ffffff0b 50%,#a7d8f31c);
  box-shadow:inset 0 1px 0 #ffffff80,inset 0 0 22px #d5f2ff08,0 0 0 1px #def5ff25,0 0 24px #a1dfff20;
}
.rail .pt.win::after { border-color:#d1f0ff; border-radius:18px; }
.rail .pt.win.empty { box-shadow:inset 0 1px 0 #ffffff35; border-color:#cfdee777; }
.pz .ico { background:linear-gradient(145deg,#ffffff14,#ffffff04); border-color:#ffffff25; }

/* Identidade própria para cada disputa, com rótulos além da cor. */
.rk-dep_volume { --rk-accent:#65dfda; }
.rk-dep_count { --rk-accent:#81b9ff; }
.rk-trade_volume { --rk-accent:#79e6ad; }
.rk-trade_count { --rk-accent:#bca1ff; }
.rk-referrals { --rk-accent:#ff9baa; }
.rk-block { border-top:3px solid var(--rk-accent); border-radius:12px; background:linear-gradient(120deg,color-mix(in srgb,var(--rk-accent) 7%,#0a2026),#0a2026 65%); margin-bottom:32px; }
.rk-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:24px; border-bottom:1px solid color-mix(in srgb,var(--rk-accent) 20%,transparent); }
.rk-identity { display:flex; align-items:center; gap:18px; flex:1; min-width:0; }
.rk-category-icon { display:grid; place-items:center; flex:0 0 64px; width:64px; height:64px; border:1px solid color-mix(in srgb,var(--rk-accent) 35%,transparent); border-radius:16px; color:var(--rk-accent); background:linear-gradient(145deg,color-mix(in srgb,var(--rk-accent) 15%,transparent),#ffffff03); box-shadow:inset 0 1px 0 #ffffff18; }
.rk-category-icon svg { width:32px; height:32px; }
.rk-eyebrow { display:flex; align-items:center; gap:9px; margin-bottom:10px; color:var(--rk-accent); text-transform:uppercase; font-size:10px; font-weight:600; letter-spacing:.09em; }
.rk-eyebrow i { width:3px; height:3px; border-radius:50%; background:currentColor; flex-shrink:0; }
.rk-head h3 { margin-bottom:8px; }
.rk-head .rk-prize { flex-shrink:0; padding:12px 15px; background:#03141980; border:1px solid #ffffff16; border-radius:8px; font-size:12px; }
.rk-block .rk-me { background:color-mix(in srgb,var(--rk-accent) 7%,#081c23); border-color:color-mix(in srgb,var(--rk-accent) 26%,transparent); }
.rk-block .rk-me .pos { color:var(--rk-accent); }
.rk-block .pod.p1 { background:linear-gradient(160deg,color-mix(in srgb,var(--rk-accent) 11%,#0a2026),#081b22); border-color:color-mix(in srgb,var(--rk-accent) 45%,transparent); }
.rk-block .pod.p1 .medal,.rk-block .rk-more summary { color:var(--rk-accent); }
@media(max-width:800px) {
  /* Selo do prêmio desce para a linha de baixo, sem cobrir o título. */
  .rk-identity { flex-basis:100%; }
  .rk-head .rk-prize { margin-left:82px; }
}
.rk-head h3 { overflow-wrap:anywhere; }
@media(max-width:570px) {
  .rk-block { margin-bottom:24px; padding:20px 14px; }
  .rk-head { gap:16px; padding-bottom:18px; }
  .rk-identity { gap:12px; align-items:flex-start; flex-basis:100%; }
  .rk-category-icon { flex-basis:42px; width:42px; height:42px; border-radius:11px; }
  .rk-category-icon svg { width:24px; height:24px; }
  .rk-head h3 { font-size:25px; line-height:1.12; }
  .rk-eyebrow { font-size:9px; gap:6px; letter-spacing:.04em; flex-wrap:wrap; }
  .rk-head p { font-size:13px; line-height:1.5; }
  .rk-head .rk-prize { margin-left:0; width:100%; }
}

/* 30/10/2026: cartões que saem pelas bordas da faixa somem aos poucos, em vez de aparecerem cortados ("nus de $1") */
.rail::before, .rail::after { content:""; position:absolute; top:0; bottom:0; width:16%; z-index:2; pointer-events:none; }
.rail::before { left:0; background:linear-gradient(90deg,#071b24 8%,transparent); }
.rail::after { right:0; background:linear-gradient(-90deg,#071b24 8%,transparent); }

/* Alinhamento à LP aprovada de 27/10: composição, ritmo e superfícies. */
.rewards-site .hero { padding:100px 0 80px; }
.rewards-site .hero .wrap { grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr); align-items:center; gap:6%; }
.rewards-site .hero h1 { margin-top:0; font-size:clamp(52px,6.7vw,100px); max-width:14ch; }
.rewards-site .hero h1 em { font-style:normal; color:var(--accent-soft); }
.rewards-site .hero p { max-width:480px; margin:32px 0; }
.rewards-site .hero-actions { align-items:center; gap:24px; }
.rewards-site .hero-actions .btn-yellow { border-radius:4px; }
.rewards-site .me-panel { min-width:0; }
.rewards-site .me-panel.show { background:linear-gradient(155deg,#ffffff06,transparent 60%); border-color:#ffffff20; }
.rewards-site .show-stage { padding-top:40px; background:radial-gradient(ellipse at 50% 70%,#d8d66b0c,transparent 65%); }
.rewards-site .show-stage .vimg { height:260px; max-width:100%; object-fit:contain; }
.rewards-site .me-head { border-bottom:1px solid var(--line); }
.rewards-site .chapter-label { font-size:10px; line-height:1.5; letter-spacing:.1em; color:var(--dim); margin-bottom:32px; }
.rewards-site #como .chapter-label { color:var(--ivory-muted); }
.rewards-site .wallets { gap:1px; background:var(--line-2); border:1px solid var(--line-2); }
.rewards-site button.token { border:0; border-radius:0; min-width:0; }
.rewards-site button.token:hover { transform:none; background:var(--surface-2); box-shadow:inset 0 2px var(--t1); }
.rewards-site button.token:focus-visible { outline-offset:-3px; }
.rewards-site .earn { gap:1px; background:#bdc3ac; border:1px solid #bdc3ac; }
.rewards-site .earn .card { border:0; padding:32px; }
.rewards-site .rk-block { border-radius:4px; }
.rewards-site .rk-category-icon { border-radius:4px; box-shadow:none; }
.rewards-site .cta-banner { background-image:repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 8.333%); padding:64px 32px; border-bottom:1px solid var(--line); }
@media(max-width:800px) {
  .rewards-site .hero { padding:64px 0; }
  .rewards-site .hero .wrap { grid-template-columns:1fr; gap:40px; }
  .rewards-site .hero h1 { font-size:clamp(50px,9vw,76px); }
  .rewards-site .me-panel { width:100%; }
}
@media(max-width:570px) {
  .rewards-site .hero { padding:48px 0; }
  .rewards-site .hero h1 { font-size:clamp(42px,11.7vw,64px); letter-spacing:-.06em; }
  .rewards-site .hero p { margin:24px 0; }
  .rewards-site .hero-actions { gap:18px; }
  .rewards-site .hero-actions .btn-yellow { min-width:0; }
  .rewards-site .show-stage .vimg { height:210px; }
  .rewards-site .chapter-label { margin-bottom:24px; font-size:9px; }
  .rewards-site .wallets { background:transparent; border:0; gap:12px; }
  .rewards-site button.token { border:1px solid var(--line-2); border-radius:4px; }
  .rewards-site .earn .card { padding:24px; }
  .rewards-site .cta-banner { padding:40px 16px; }
}

/* Prêmios valiosos (31/10/2026): "Prêmio máximo" = o mais raro do cofre; "Raro" = os 3 seguintes */
.tier-tag { position:absolute; top:7px; left:50%; transform:translateX(-50%); z-index:2; font-style:normal; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:2px 8px; border-radius:99px; white-space:nowrap; }
.tier-raro .tier-tag { background:#7c5cff; color:#fff; }
.tier-max .tier-tag { background:linear-gradient(90deg,#fff0a8,#f4b400); color:#3a2600; box-shadow:0 0 12px #f4c43066; }
.rail .pt.tier-raro { border-color:#a48bff; box-shadow:0 0 0 1px #a48bff99,0 0 18px #7c5cff40; }
.rail .pt.tier-max { border-color:#ffd54a; background:radial-gradient(circle at 50% 30%,#ffd54a38,transparent 65%),linear-gradient(155deg,#2a2208,#091c23 90%); box-shadow:0 0 0 2px #ffd54a,0 0 26px #ffc4004d; animation:tier-glow 1.6s ease-in-out infinite; }
.rail .pt.tier-max .prize-value { color:#ffe58a; text-shadow:0 0 14px #ffc40080; }
.rail .pt.tier-max span { color:#fff3c4; }
@keyframes tier-glow { 50% { box-shadow:0 0 0 2px #fff0a8,0 0 40px #ffc40080; } }
.pz li { position:relative; }
.pz li .tier-tag { position:static; transform:none; margin-left:auto; flex:none; }
.pz li.tier-raro { border-color:#a48bff88; background:linear-gradient(90deg,#7c5cff1f,transparent 70%),var(--surface-2); }
.pz li.tier-max { border-color:#ffd54a; background:linear-gradient(90deg,#ffd54a24,transparent 75%),var(--surface-2); box-shadow:0 0 0 1px #ffd54a55,0 0 18px #ffc40026; }
.pz li.tier-max span { color:#ffe58a; font-weight:700; }
@media (prefers-reduced-motion:reduce) { .rail .pt.tier-max { animation:none; } }

/* 02/11: catálogo responsivo e regras no ritmo editorial da LP Worbit. */
.rewards-site #wallets { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;background:none;border:0;margin:0;padding:0;overflow:visible; }
.rewards-site #wallets button.token { grid-column:span 3;min-width:0;width:100%;border:1px solid var(--line-2);border-radius:4px;padding:28px 20px 0;min-height:360px; }
.rewards-site #wallets button.token:nth-child(n+5) { grid-column:span 4; }
.rewards-site #wallets .name { font-size:26px;line-height:1.15; }
.rewards-site #wallets .desc { max-width:26ch;min-height:3em;line-height:1.5; }
.rewards-site #wallets .art { padding:24px 0; }
.rewards-site #wallets .vimg { height:190px;max-width:100%;object-fit:contain; }
.rewards-site #wallets .foot { width:calc(100% + 40px);white-space:normal;padding:16px 12px; }
.rewards-site .earn.rules4 { background:none;border:0;gap:0 40px;margin-top:48px;grid-template-columns:repeat(2,minmax(0,1fr)); }
.rewards-site .earn.rules4 .card { display:block;background:none;border:0;border-top:1px solid var(--line-2);border-radius:0;padding:32px 0; }
.rewards-site .rules4 .ico { width:28px;height:28px;margin-bottom:20px;font-size:18px;color:var(--accent-soft); }
.rewards-site .rules4 h3 { font-size:clamp(22px,2.3vw,32px);line-height:1.15;margin-bottom:16px;font-weight:500; }
.rewards-site .rules4 p { max-width:52ch;font-size:14px;line-height:1.75; }
.rewards-site .tips { display:block;margin:40px 0 32px;padding:0;max-width:100%;border-top:1px solid var(--line-2); }
.rewards-site .tips li { display:block;position:relative;background:none;border:0;border-bottom:1px solid var(--line-2);border-radius:0;padding:20px 20px 20px 38px;font-size:14px;line-height:1.7;color:var(--muted); }
.rewards-site .tips li::before { position:absolute;left:0;top:21px;width:20px;height:20px;color:var(--accent-soft); }
.rewards-site .tips li b { display:inline;color:var(--text);font-weight:500; }
.rewards-site .steps4>li { grid-template-columns:64px minmax(0,1fr);gap:32px;padding:32px 0; }
.rewards-site .steps4 p { font-size:14px;line-height:1.75;max-width:80ch; }
.rewards-site .guide-cta { display:flex;gap:16px;flex-wrap:wrap; }
@media(max-width:1000px) {
 .rewards-site #wallets { grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
 .rewards-site #wallets button.token,.rewards-site #wallets button.token:nth-child(n+5) { grid-column:auto; }
 .rewards-site #wallets button.token:last-child { grid-column:1/-1; }
}
@media(max-width:570px) {
 .rewards-site #wallets { gap:12px; }
 .rewards-site #wallets button.token { padding:20px 12px 0;min-height:300px; }
 .rewards-site #wallets .name { font-size:20px; }
 .rewards-site #wallets .desc { font-size:11px;min-height:4.5em; }
 .rewards-site #wallets .vimg { height:145px; }
 .rewards-site #wallets .art { padding:16px 0; }
 .rewards-site #wallets .foot { width:calc(100% + 24px);font-size:12px; }
 .rewards-site .earn.rules4 { grid-template-columns:1fr;margin-top:32px; }
 .rewards-site .earn.rules4 .card { padding:24px 0; }
 .rewards-site .steps4>li { grid-template-columns:28px minmax(0,1fr);gap:16px; }
 .rewards-site .steps4 .n { width:28px;font-size:28px; }
 .rewards-site .steps4 h3 { font-size:26px; }
 .rewards-site .tips li { padding-right:0; }
 .rewards-site .guide-cta .btn { width:100%;justify-content:center; }
}

/* Fogo da atividade: maior destaque dentro do suporte existente. */
.rewards-site #sequencia .act-big .fire svg { width:44px;height:44px; }
@media(max-width:570px) { .rewards-site #sequencia .act-big .fire svg { width:38px;height:38px; } }