/* Rewards */
.rw-gate{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--zec2);border:1px solid var(--zec3);border-radius:18px;padding:18px 22px;margin-bottom:18px}
.rw-gate b{display:block;font-weight:500}
.rw-gate span{color:var(--ink2);font-size:14px}
.rw-stats{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:14px}
.rs{background:var(--card);border-radius:18px;padding:20px 22px;display:grid;gap:8px;align-content:start;animation:nfin .6s var(--ease) both}
.rs .k{font:400 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.rs b{font:300 34px/1 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rs b.y{color:var(--zec);font-weight:400}
.rs em{font:400 12px/1.4 var(--mono);font-style:normal;color:var(--ink2)}
.rs.main{background:var(--zec);color:#0a0a09}
.rs.main .k,.rs.main em{color:rgba(10,10,9,.68)}
.rs-bar{height:6px;border-radius:3px;background:rgba(10,10,9,.15);overflow:hidden;margin-top:4px}
.rs-bar i{display:block;height:100%;width:0;background:#0a0a09;border-radius:3px;transition:width 1.6s var(--ease)}
.rw-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 28px}
.rw-upd{margin-left:auto;font:400 11.5px/1 var(--mono);color:var(--ink3)}
.rw-chart{margin-bottom:18px}
.bars{display:flex;align-items:flex-end;gap:10px;height:200px;padding-top:10px;border-bottom:1px solid var(--line2)}
.bar{flex:1;min-width:18px;max-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.bar i{display:block;width:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--zec),rgba(244,183,40,.35));height:0;transition:height 1.2s var(--ease)}
.bar b{font:400 11px/1 var(--mono);color:var(--ink2);white-space:nowrap}
.bar span{font:500 11px/1 var(--mono);color:var(--ink);padding-bottom:6px}
.bars .none{align-self:center;margin:auto;color:var(--ink3);font-size:14px}
.rw-table{background:var(--card);border-radius:var(--radius);overflow:hidden;margin-bottom:18px}
.rw-r{grid-template-columns:minmax(0,1.6fr) 1fr 1fr 1fr .8fr 120px !important}
#rows .xr{cursor:default}
#rows .xr>*{display:block !important}
.rw-r .tok img{width:30px;height:30px;border-radius:8px;object-fit:cover}
.rw-r a{color:var(--zec);font-size:12.5px}
.rw-add,.rw-how{margin-bottom:18px}
.rw-form{display:flex;gap:8px;flex-wrap:wrap}
.rw-form input{flex:1;min-width:220px;height:44px;border-radius:14px;border:1px solid var(--line2);background:var(--bg);color:var(--ink);padding:0 16px;font:400 14px/1 var(--mono);outline:0}
.rw-form input:focus{border-color:var(--zec)}
#addMsg{font:400 12px/1.4 var(--mono);color:var(--ink3)}
#addMsg.ok{color:#9fd88a}#addMsg.bad{color:#ff8f6b}
.how3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.how3>div{display:grid;gap:6px;align-content:start}
.how3 b{font-weight:500;font-size:17px}
.how3 p{color:var(--ink2);font-size:14.5px}
.rw-how{margin-bottom:96px}
@media (max-width:1100px){.rw-stats{grid-template-columns:1fr 1fr}.rs.main{grid-column:1/-1}}
@media (max-width:760px){
  .rw-stats{grid-template-columns:1fr 1fr}
  .rs b{font-size:26px}
  .how3{grid-template-columns:1fr}
  .rw-r{grid-template-columns:minmax(0,1fr) auto auto !important}
  #rows .xr>:nth-child(n+4){display:none !important}
  .rw-r.xh>:nth-child(n+4){display:none !important}
  .rw-upd{margin-left:0;width:100%}
}

/* ---------- v0.9 reward structure ---------- */
.rw-sec{margin-bottom:56px}
.rw-sh{display:grid;gap:12px;margin-bottom:22px}
.rw-sh h2{font-size:clamp(28px,3.6vw,46px)}
.rmodes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rmode{position:relative;display:grid;gap:8px;align-content:start;padding:24px;border-radius:var(--radius);background:var(--card);border:1px solid transparent;cursor:pointer;transition:border-color .3s,transform .45s var(--ease),background .3s}
.rmode:hover{transform:translateY(-3px)}
.rmode.on{border-color:var(--zec);background:linear-gradient(180deg,var(--zec2),var(--card) 70%)}
.rm-k{font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.rmode b{font:300 44px/1 var(--mono);letter-spacing:-.03em;color:var(--zec)}
.rmode p{color:var(--ink2);font-size:15px}
.rmode p strong{color:var(--ink);font-weight:500}
.rmode em{justify-self:start;font:500 10.5px/1 var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid var(--line2);color:var(--ink2);margin-top:6px}
.rmode.on em{border-color:var(--zec);color:var(--zec)}
.rm-perm{margin-top:14px;font:400 12px/1.5 var(--mono);color:var(--ink3)}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.two-col .panel{gap:16px}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calc div{background:var(--bg);border-radius:14px;padding:16px;display:grid;gap:6px}
.calc .k{font:400 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.calc b{font:300 28px/1 var(--mono);letter-spacing:-.02em;color:var(--zec)}
.calc em{font:400 12px/1 var(--mono);font-style:normal;color:var(--ink2)}
.rw-tabs{margin:6px 0 12px}
.bar i.holders{background:linear-gradient(180deg,var(--ink),rgba(236,235,228,.3))}
.how3 .panel{gap:8px}
@media (max-width:1100px){.two-col{grid-template-columns:1fr}}
@media (max-width:760px){.rmodes{grid-template-columns:1fr}.rmode b{font-size:36px}.calc b{font-size:22px}}
