.production-rewards{--reward-line:#343b3c;--reward-muted:#a3adad;margin:32px 0 0}
.rewards-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.rewards-eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:.15em;color:#bd9e68;margin-bottom:8px}
.rewards-heading h2{font-size:25px;letter-spacing:-.035em;margin:0}
.production-rewards .rewards-heading button{font-size:12px;background:transparent;color:#bac2c1}
.production-rewards .rewards-heading button:hover:enabled{border-color:#9b865e;color:#f2dfb4}
.rewards-status{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--reward-muted)}
.rewards-status[data-error=true]{color:#f4b4a0}
.production-rewards[data-available=false] .rewards-status{border:1px dashed #655a42;border-radius:12px;padding:22px;background:#b3935420}
.rewards-content>.small{color:var(--reward-muted);margin:7px 0 0}
.rewards-assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:22px 0 16px}
.reward-asset{border:1px solid #3e4744;background:linear-gradient(135deg,#242d2a,#1a2222);border-radius:14px;padding:22px;min-width:0}
.reward-asset-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}
.reward-asset h3{display:flex;align-items:center;gap:9px;font-size:15px;margin:0}
.reward-asset h3 .currency-icon{width:28px;height:28px}
.reward-availability{color:#a9ccae;border:1px solid #91bfa134;background:#9abb9610;border-radius:20px;font-size:10px;padding:4px 8px}
.reward-asset[data-claimable=false] .reward-availability{color:var(--reward-muted);border-color:var(--reward-line)}
.reward-usd{display:block;font-size:clamp(23px,2.6vw,33px);font-weight:650;letter-spacing:-.04em;overflow-wrap:anywhere;color:#f3eee1}
.reward-chips{font-size:13px;color:#b7c1be;margin:7px 0 22px}
.reward-asset .reward-claim{width:100%;color:#16211b;background:#a7c7a1;border-color:#a7c7a1;transition:background .15s,border-color .15s}
.reward-asset .reward-claim:hover:enabled{background:#c6dfbc;border-color:#c6dfbc}
.reward-asset .reward-claim:disabled{background:#293331;border-color:#414e47;color:#b6c3b9}
.reward-asset .reward-fraction{font-size:11px;margin:12px 0 0;color:var(--reward-muted);text-align:center}
.reward-asset p:last-child{margin-bottom:0}
.rewards-rakeback{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:14px 18px;border:1px solid #77633d66;border-radius:10px;background:linear-gradient(100deg,#44371d55,#302b1c22)}
.rewards-rakeback strong{font-size:14px;color:#ebc888}
.rewards-rakeback strong::before{content:'↗';display:inline-block;margin-right:10px;color:#e6bb72}
.rewards-boost{padding:14px 18px;border-left:2px solid #b3955c;color:#d9ceaf;background:#302d2144;font-size:13px;line-height:1.65;margin:14px 0 0}
.rewards-upcoming-heading{margin-top:32px}
.rewards-upcoming-heading h3{font-size:19px;margin:0 0 7px;letter-spacing:-.02em}
.rewards-upcoming-heading p{margin:0}
.rewards-schedule{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 28px}
.reward-schedule{border:1px solid var(--reward-line);padding:20px;border-radius:12px;background:#1b2122;min-width:0}
.reward-schedule-icon{display:block;width:34px;height:34px;border-radius:9px;background:#b4945b18;color:#d6b77d;margin-bottom:16px}
.reward-schedule-icon::before{content:'';display:block;width:100%;height:100%;background:currentColor;mask:center / 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='16' rx='2'/%3E%3Cpath d='M8 3v4m8-4v4M4 11h16m-12 5h3'/%3E%3C/svg%3E")}
.reward-schedule-rankup .reward-schedule-icon::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 6 5 4 4-7 4 7 5-4-2 13H5L3 6Zm3 9h12'/%3E%3C/svg%3E")}
.reward-schedule-referral .reward-schedule-icon::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Cpath d='M3 21v-3a6 6 0 0 1 12 0v3m1-17a3 3 0 0 1 0 6m3 11v-3a6 6 0 0 0-2-4'/%3E%3C/svg%3E")}
.reward-schedule h4{font-size:13px;font-weight:550;color:#c6cecd;margin:0}
.reward-schedule>strong{display:block;font-size:29px;font-weight:600;letter-spacing:-.04em;color:#e9cc95;margin:9px 0}
.reward-schedule p{margin:6px 0 0}
.reward-held{border-top:1px solid var(--reward-line);padding-top:10px;margin-top:14px}
.reward-held p{margin:3px 0}
.reward-held>span{display:block;margin-top:8px;font-size:11px!important}
.reward-schedule .reward-release{color:#d2c19d;font-size:11px;margin-top:12px}
.rewards-details{border:1px solid var(--reward-line);border-radius:12px;background:#191f20;padding:0 20px}
.rewards-breakdown,.rewards-history,.rewards-explanation{border-top:1px solid var(--reward-line);padding:0}
.rewards-breakdown{border-top:0}
.production-rewards summary{display:flex;align-items:center;justify-content:space-between;list-style:none;color:#cbd1cb;cursor:pointer;min-height:58px;font-size:14px;font-weight:550;gap:14px}
.production-rewards summary::-webkit-details-marker{display:none}
.production-rewards summary::after{content:'+';font-size:21px;font-weight:400;color:#c2ad86}
.production-rewards details[open]>summary::after{content:'−'}
.production-rewards summary:hover{color:#efd7aa}
.reward-breakdown-asset{margin:18px 0}
.reward-breakdown-asset h3{font-size:16px}
.reward-breakdown-row{display:grid;grid-template-columns:1fr auto;gap:5px 18px;padding:10px 0;border-top:1px solid #313b354f;font-size:13px}
.reward-breakdown-row>small{grid-column:1/-1;color:var(--reward-muted)}
.reward-breakdown-row>span:last-of-type{overflow-wrap:anywhere;text-align:right}
.rewards-history ol{list-style:none;padding:0}
.rewards-history li{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;border-bottom:1px solid var(--reward-line);padding:13px 0}
.reward-reference{width:100%;color:var(--reward-muted);font-family:monospace;overflow-wrap:anywhere}
.rewards-recovery{padding:18px;border:1px solid #a5814c;border-radius:10px;background:#46372366;margin:15px 0}
.rewards-recovery p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.rewards-recovery button{margin:4px 8px 4px 0}
.production-rewards [hidden]{display:none!important}
.production-rewards button:focus-visible,.production-rewards summary:focus-visible{outline:2px solid #f1d18d;outline-offset:4px}
.production-rewards .currency-icon{width:18px;height:18px;vertical-align:middle;margin-right:4px}
.rewards-explanation p{max-width:85ch;line-height:1.8;color:#b7c0bd}
.reward-rank-summary{display:flex;align-items:center;gap:14px;border:1px solid var(--reward-line);padding:14px 18px;border-radius:10px;margin:20px 0}
.reward-rank-summary>div{flex:1;min-width:0}.reward-rank-summary strong{font-size:14px}
.reward-rank-summary progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:6px;background:#343b3b;overflow:hidden;margin:10px 0 7px}
.reward-rank-summary progress::-webkit-progress-bar{background:#343b3b}.reward-rank-summary progress::-webkit-progress-value{background:linear-gradient(90deg,#ad844e,#e8c47d)}.reward-rank-summary progress::-moz-progress-bar{background:#e8c47d}
@media(max-width:1000px){.rewards-schedule{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.production-rewards{margin-top:28px}.rewards-heading{align-items:center;gap:10px}.rewards-heading h2{font-size:23px}.production-rewards .rewards-heading button{padding:9px 11px}.rewards-assets{grid-template-columns:1fr;gap:12px}.reward-asset{padding:18px}.reward-asset-heading{margin-bottom:16px}.reward-usd{font-size:30px}.reward-schedule{padding:16px}.reward-breakdown-row{grid-template-columns:1fr}.reward-breakdown-row>span:last-of-type{text-align:left}.rewards-details{padding:0 16px}}
/* The same controller also appears inside the compact in-game wallet. */
.ingame-wallet .production-rewards{--reward-line:#796b4d;--reward-muted:#c6bda7;color:#eee4ca;margin:0}.ingame-wallet .rewards-heading h2{font-size:23px;letter-spacing:0}.ingame-wallet .rewards-eyebrow{display:none}.ingame-wallet .reward-asset{border-radius:3px;background:#282a1fe6;border-color:#8a7851;padding:14px}.ingame-wallet .reward-asset-heading{margin-bottom:12px}.ingame-wallet .reward-usd{font-size:24px}.ingame-wallet .reward-schedule{border-radius:3px;background:#292b24}.ingame-wallet .reward-schedule>strong{font-size:23px}.ingame-wallet .production-rewards .small{font-size:12px;line-height:1.55}.ingame-wallet .rewards-recovery,.ingame-wallet .rewards-details{border-radius:3px}.ingame-wallet .reward-asset .reward-claim{background:linear-gradient(#647148,#3c4b30);color:#f1e9ce;border-color:#929d6a}.ingame-wallet .reward-asset .reward-claim:hover:enabled{background:linear-gradient(#748657,#475b37)}.ingame-wallet .reward-rank-summary{border-radius:3px;margin:12px 0;padding:10px}.ingame-wallet .reward-availability{display:none}
@media(max-height:520px) and (orientation:landscape){.ingame-wallet .rewards-heading{flex-direction:row;align-items:center}.ingame-wallet .rewards-assets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.ingame-wallet .rewards-schedule{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ingame-wallet .reward-asset h3{font-size:14px}.ingame-wallet .reward-usd{font-size:21px}}
@media(prefers-reduced-motion:reduce){.reward-asset .reward-claim{transition:none}}
