/* ONIT Rewards v1.0.0 */
.onitRewardsPage{display:grid;gap:18px}
.onitRewardHero{background:#171717;border-radius:24px;padding:24px;color:#fff;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:18px;overflow:hidden;position:relative}
.onitRewardHero,.onitRewardHero *{color:#fff!important}
.onitRewardHero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,93,34,.18);right:-90px;top:-120px;filter:blur(2px)}
.onitRewardEyebrow{font-size:11px;letter-spacing:.16em;font-weight:900;color:#ff7a45!important;margin-bottom:8px}
.onitRewardHero h1{margin:0;font-size:clamp(34px,5vw,68px);line-height:.92;letter-spacing:-.045em}
.onitRewardHero p{max-width:620px;margin:12px 0 0;color:rgba(255,255,255,.72)!important;font-size:15px;line-height:1.5}
.onitCoinMark{display:flex;justify-content:flex-end;align-items:center;position:relative;z-index:1}
.onitCoinDisc{width:min(180px,42vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb088,#ff5b22 58%,#d93c08);display:grid;place-items:center;border:8px solid rgba(255,255,255,.11);box-shadow:0 22px 60px rgba(0,0,0,.25);font-weight:1000;font-size:clamp(28px,5vw,54px)}
.onitRewardGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.onitRewardStat{background:#fff;border:1px solid #e5e2dc;border-radius:18px;padding:18px;min-width:0}
.onitRewardStatTop{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.onitRewardStatTop b{font-size:27px}.onitRewardStatTop span{font-size:12px;font-weight:850}
.onitRewardProgress{height:10px;background:#eeeae4;border-radius:999px;overflow:hidden;margin:12px 0 7px}.onitRewardProgress i{display:block;height:100%;background:#171717;border-radius:inherit;transition:width .35s ease}
.onitRewardStat small{font-size:12px;color:#555!important}
.onitRewardCard{background:#fff;border:1px solid #e5e2dc;border-radius:20px;padding:20px}
.onitRewardCard h3{margin:0 0 8px}.onitRewardCard p{margin:5px 0;line-height:1.45}
.onitRewardPrize{border:2px solid #171717;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.onitRewardPrizeIcon{width:54px;height:54px;border-radius:16px;background:#ff5b22;display:grid;place-items:center;font-size:26px;font-weight:1000;color:#fff!important}
.onitRewardRecent{display:grid;gap:8px}.onitRewardLedgerRow{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #ebe8e2;border-radius:14px}.onitRewardLedgerCoin{font-weight:1000;font-size:16px}.onitRewardLedgerMeta b{display:block}.onitRewardLedgerMeta small{display:block;color:#666!important;margin-top:3px}.onitRewardLedgerTime{font-size:11px;color:#777!important;text-align:right}
.onitRewardOwner{background:#fff7f2;border:1px solid #ffd7c6;border-radius:20px;padding:20px}.onitRewardOwnerGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.onitRewardOwner textarea{min-height:86px}.onitOwnerWinnerRow,.onitOwnerPersonRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eadfd7}.onitOwnerWinnerRow:last-child,.onitOwnerPersonRow:last-child{border-bottom:0}.onitOwnerCoin{font-weight:1000}.onitRewardQualified{font-weight:900;color:#171717!important}.onitRewardPending{font-size:11px;font-weight:850}

.onitRewardPopupHost{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;pointer-events:none;padding:18px}.onitRewardPopupHost.hidden{display:none}
.onitRewardPopupBackdrop{position:absolute;inset:0;background:rgba(10,10,10,.22);backdrop-filter:blur(3px)}
.onitRewardPopup{width:min(470px,94vw);background:#fff;border-radius:26px;box-shadow:0 26px 90px rgba(0,0,0,.32);position:relative;z-index:2;pointer-events:auto;overflow:hidden;border:1px solid rgba(0,0,0,.08);animation:onitRewardIn .32s cubic-bezier(.2,.9,.2,1)}
.onitRewardPopupTop{background:#171717;padding:24px;color:#fff;position:relative}.onitRewardPopupTop,.onitRewardPopupTop *{color:#fff!important}.onitRewardPopupTop:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-50px;top:-55px;background:rgba(255,91,34,.28)}
.onitRewardPopupKicker{font-size:11px;letter-spacing:.15em;font-weight:900;color:#ff7a45!important}.onitRewardPopupTop h2{font-size:30px;line-height:1.02;margin:8px 0 6px;max-width:360px}.onitRewardPopupTop p{margin:0;color:rgba(255,255,255,.72)!important;line-height:1.45;max-width:390px}
.onitRewardPopupBody{padding:20px}.onitRewardEarned{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff5ef;border:1px solid #ffd9c8;border-radius:16px;padding:14px}.onitRewardEarned strong{font-size:24px}.onitRewardEarned span{font-size:12px;font-weight:850}
.onitRewardPopupProgress{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.onitRewardMini{border:1px solid #ece8e1;border-radius:13px;padding:10px}.onitRewardMini b{display:block;font-size:18px}.onitRewardMini small{font-size:10px;color:#666!important}.onitRewardPopupActions{display:flex;justify-content:flex-end;margin-top:15px}.onitRewardPopupActions button{min-width:100px}
.onitConfettiLayer{position:fixed;inset:0;z-index:10060;pointer-events:none;overflow:hidden}.onitConfettiPiece{position:absolute;left:50%;top:46%;width:8px;height:14px;border-radius:2px;background:var(--c,#ff5b22);transform:translate(-50%,-50%);animation:onitConfettiBurst var(--d,1100ms) cubic-bezier(.08,.7,.15,1) forwards;animation-delay:var(--delay,0ms)}
@keyframes onitRewardIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
@keyframes onitConfettiBurst{0%{opacity:0;transform:translate(-50%,-50%) rotate(0deg)}10%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r))}}
.onitReduceMotion .onitRewardPopup,.onitReduceMotion .onitConfettiPiece{animation:none!important}
@media(max-width:820px){.onitRewardHero{grid-template-columns:1fr;padding:20px}.onitCoinMark{justify-content:flex-start}.onitCoinDisc{width:112px}.onitRewardGrid{grid-template-columns:1fr}.onitRewardOwnerGrid{grid-template-columns:1fr}.onitOwnerPersonRow,.onitOwnerWinnerRow{grid-template-columns:1fr auto}.onitOwnerPersonRow>*:nth-child(3),.onitOwnerWinnerRow>*:nth-child(3){grid-column:1/-1}.onitRewardLedgerRow{grid-template-columns:48px 1fr}.onitRewardLedgerTime{grid-column:2;text-align:left}}