/* Personal rewards share the existing NFT/Splash frame and never authorize actions. */
.personal-rewards{margin:28px auto;width:100%;max-width:900px;color:inherit}
.personal-rewards[hidden]{display:none!important}
.personal-rewards .personal-reward-title{text-align:center;font-size:26px;font-weight:500;letter-spacing:-.03em;margin:0 0 20px}
.personal-reward-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.personal-reward-metric,.personal-reward-history{background:#fff3d611;border:1px solid #1113;border-radius:16px}
.personal-reward-metric{min-width:0;min-height:144px;padding:22px 18px;text-align:center}
.personal-rewards .personal-reward-metric h3{font-size:16px;font-weight:400;margin:0 0 14px}
.personal-reward-amount{display:block;font-size:clamp(24px,3.2vw,34px);font-weight:550;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.25;min-height:1.25em}
.personal-rewards .personal-reward-detail{font-size:14px;line-height:1.5;margin:10px 0 0;opacity:.75;text-align:center;max-width:none}
.personal-reward-history{padding:22px 24px}
.personal-reward-history-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.personal-rewards .personal-reward-history h3{font-size:20px;line-height:1.3;font-weight:500;margin:0}
.personal-reward-pending{display:flex;gap:10px;align-items:baseline;font-size:14px;text-align:right}
.personal-reward-pending .personal-reward-amount{font-size:17px;white-space:nowrap;letter-spacing:0}
.personal-rewards .personal-reward-payment{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px;align-items:center;min-height:57px;padding:14px 0;border-top:1px solid #1112;color:inherit;text-decoration:none;font-size:16px;line-height:1.4}
.personal-rewards .personal-reward-payment:hover{opacity:.75;text-decoration:none}
.personal-reward-payment{transition:opacity .18s ease}
.personal-reward-payment:focus-visible,.personal-reward-more:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.personal-reward-date{font-size:14px;opacity:.75}.personal-reward-paid{text-align:right;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.personal-rewards .personal-reward-status{font-size:15px;line-height:1.5;margin:16px 0 0;text-align:center;max-width:none}
.personal-rewards .personal-reward-more{display:block;min-height:44px;margin:14px auto 0;padding:8px 16px;border:1px solid #1113;border-radius:8px;background:transparent;color:inherit;font-size:15px;cursor:pointer}
.personal-rewards [hidden]{display:none!important}
@media(max-width:600px){
 .personal-rewards{margin:24px auto}.personal-reward-metrics{gap:10px}.personal-reward-metric{padding:19px 13px;min-height:138px}
 .personal-reward-history{padding:19px 17px}.personal-reward-history-top{align-items:flex-start;flex-wrap:wrap;gap:12px}
 .personal-reward-pending{width:100%;justify-content:space-between;text-align:left}
 .personal-rewards .personal-reward-payment{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"kind amount" "date amount";gap:4px 10px;font-size:15px}
 .personal-reward-kind{grid-area:kind}.personal-reward-date{grid-area:date;font-size:13px}.personal-reward-paid{grid-area:amount;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.personal-reward-payment{transition:none}}
