/* Build 06 — cosmetic rewards are separate from earned progression. */
#screen-rewards{
  position:relative;width:min(1180px,90vw);margin-inline:auto;color:#f3eee3;
}
.rc-hero,.rc-wallet,.rc-tabs,.rc-panel{
  border:1px solid rgba(224,187,123,.3);border-radius:22px;
  background:radial-gradient(circle at 86% 0%,rgba(189,148,79,.13),transparent 46%),
    linear-gradient(145deg,#253149,#17223a 75%);
  box-shadow:0 16px 36px rgba(3,10,24,.25),inset 0 1px rgba(255,255,255,.06);
}
.rc-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;}
.rc-hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 50%,rgba(255,219,160,.035) 50.3%,transparent 50.6%);}
.rc-intro{min-width:0;max-width:660px;position:relative;z-index:1;}
.rc-back{display:inline-flex;align-items:center;min-height:35px;padding:4px 10px;margin-bottom:13px;border:1px solid rgba(219,184,119,.3);border-radius:9px;background:rgba(9,20,37,.34);color:#e7cc97;font-size:11px;font-weight:800;}
.rc-kicker{display:block;color:#d5b67e;letter-spacing:.16em;font-size:10px;font-weight:800;}
#rc-title{font-family:'Cinzel','Cairo',serif;font-size:clamp(26px,3vw,39px);color:#f9dfaa;line-height:1.2;margin:7px 0 10px;}
#rc-description{color:#c5d0d0;font-size:13px;line-height:1.6;}
#rc-principle{margin-top:12px;color:#ebca90;font-size:11px;font-weight:700;line-height:1.6;}
.rc-identity{position:relative;z-index:1;display:flex;align-items:center;gap:19px;flex:none;}
.rc-avatar{width:88px;height:88px;flex:none;border:3px solid #d8b679;border-radius:50%;background-image:url('avatars/adventurer.jpg');background-position:center;background-size:cover;box-shadow:0 0 0 5px rgba(217,176,111,.14),0 10px 22px rgba(0,0,0,.3);}
.rc-balance{min-width:130px;padding:13px 18px;border:1px solid rgba(229,194,125,.4);border-radius:14px;background:rgba(9,20,35,.5);}
.rc-balance small{display:block;font-size:11px;color:#bdd0ce;}
.rc-balance strong{display:block;font-family:'Cinzel','Cairo',serif;font-size:26px;line-height:1.2;color:#f5d89d;white-space:nowrap;}
.rc-wallet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 8px;padding:16px;}
.rc-wallet-item{min-width:0;padding:13px 17px;border:1px solid rgba(222,188,125,.2);border-radius:13px;background:rgba(7,19,36,.45);}
.rc-wallet-item small{display:block;color:#bac8cb;font-size:11px;}
.rc-wallet-item strong{display:block;color:#f6daa2;font-size:22px;line-height:1.25;}
.rc-wallet-note{grid-column:1/-1;color:#b4c3c7;font-size:10px;line-height:1.5;}
.rc-tabs{display:flex;gap:7px;margin:16px 0;padding:7px;overflow-x:auto;}
.rc-tab{flex:1;min-width:110px;padding:11px 12px;border-radius:10px;background:transparent;color:#c4cdd0;font-size:12px;font-weight:800;white-space:nowrap;}
.rc-tab[aria-selected=true]{background:linear-gradient(135deg,#e8c88b,#be9152);color:#19263a;box-shadow:0 4px 13px rgba(1,9,23,.25);}
.rc-tab:focus-visible,.rc-back:focus-visible,.rc-item button:focus-visible{outline:2px solid #f6dca4;outline-offset:2px;}
.rc-panel{padding:24px;min-height:310px;}
.rc-panel[hidden]{display:none;}
.rc-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px;}
.rc-section-head h3,.rc-subtitle{font-family:'Cinzel','Cairo',serif;color:#f2d59c;font-size:19px;line-height:1.3;margin:0;}
.rc-section-head p,.rc-panel-note{font-size:11px;color:#b7c6c9;line-height:1.65;margin-top:5px;}
.rc-section-head .btn{width:auto;min-width:155px;font-size:12px;flex:none;}
.rc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
.rc-item{position:relative;min-width:0;display:flex;flex-direction:column;gap:11px;min-height:188px;padding:18px;border:1px solid rgba(229,192,126,.3);border-radius:17px;background:linear-gradient(145deg,rgba(37,49,69,.87),rgba(11,26,44,.83));}
.rc-item-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(238,202,139,.5);border-radius:13px;background:radial-gradient(circle at 30% 20%,#606077,#263b51);color:#f2d7a2;font-size:21px;}
.rc-item h4{margin:0;color:#f7e5be;font-size:15px;line-height:1.4;overflow-wrap:anywhere;}
.rc-item p{color:#b6c4c7;font-size:11px;line-height:1.5;overflow-wrap:anywhere;}
.rc-item .rc-cost{display:block;margin-top:auto;color:#f5d799;font-size:12px;font-weight:800;}
.rc-item-action{width:100%;min-height:40px;border:1px solid rgba(237,195,122,.65);border-radius:9px;background:rgba(232,188,110,.13);color:#f9dea9;font-size:12px;font-weight:800;}
.rc-item-action:hover:not(:disabled){background:rgba(232,188,110,.25);}
.rc-item-action:disabled{opacity:.68;cursor:not-allowed;}
.rc-item-actions{display:flex;gap:9px;margin-top:auto;}
.rc-owned{color:#b3dece!important;font-size:11px;font-weight:800;}
.rc-history{margin-top:27px;padding-top:20px;border-top:1px solid rgba(222,187,123,.24);}
.rc-history-list{display:grid;gap:8px;margin-top:13px;}
.rc-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:11px;border:1px solid rgba(219,188,131,.2);background:rgba(9,20,37,.47);}
.rc-history-row strong{display:block;font-size:12px;overflow-wrap:anywhere;}
.rc-history-row small{display:block;color:#b1c2c5;font-size:10px;}
.rc-history-row span{flex:none;color:#e9cb95;font-size:11px;text-align:end;}
.rc-empty{padding:24px;text-align:center;color:#b9c8c8;font-size:12px;border:1px dashed rgba(221,183,112,.3);border-radius:13px;background:rgba(9,20,35,.35);}
.rc-preview{display:flex;align-items:center;gap:17px;padding:16px 18px;margin:0 0 20px;border:1px solid rgba(230,190,119,.3);border-radius:14px;background:rgba(7,18,33,.46);}
.rc-preview .rc-avatar{width:64px;height:64px;}
.rc-preview-copy{font-size:12px;color:#d7e1dd;line-height:1.55;}
.rc-world-preview{min-height:106px;background:linear-gradient(90deg,rgba(8,20,38,.78),rgba(8,20,38,.45)),url('my-world.webp') center 43%/cover;}
.rc-world-preview-marks{display:flex;gap:12px;font-size:25px;color:#f7d998;}
.rc-market-note{max-width:710px;margin-bottom:16px;}
.rc-demo-label{display:block;width:max-content;max-width:100%;padding:5px 8px;border:1px solid rgba(233,193,123,.35);border-radius:7px;color:#f0d09b;font-size:9px;font-weight:800;letter-spacing:.04em;overflow-wrap:anywhere;}
.rc-market .rc-item{min-height:150px;}
.rc-toast{position:fixed;z-index:70;inset-inline-start:50%;bottom:calc(104px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);padding:12px 20px;border:1px solid #ebc880;border-radius:12px;background:#23364b;color:#f8e2b2;box-shadow:0 15px 30px rgba(0,0,0,.45);font-size:13px;font-weight:800;text-align:center;}
.rc-toast[hidden]{display:none;}
.rc-confirm p{line-height:1.6;color:#c5d2d0;font-size:13px;margin-bottom:13px;}
.rc-confirm h3{color:#f5d9a0;}
html[data-avatar-frame=bronze] #home-avatar,html[data-avatar-frame=bronze] .me-portrait,
.rc-avatar[data-frame=bronze]{border-color:#cd9167;box-shadow:0 0 0 4px #654532,0 0 0 7px rgba(232,167,112,.5),0 10px 25px rgba(0,0,0,.36);}
html[data-avatar-frame=silver] #home-avatar,html[data-avatar-frame=silver] .me-portrait,
.rc-avatar[data-frame=silver]{border-color:#d5e5e7;box-shadow:0 0 0 4px #547685,0 0 0 7px rgba(216,234,235,.53),0 10px 25px rgba(0,0,0,.36);}
html[data-avatar-frame=gold] #home-avatar,html[data-avatar-frame=gold] .me-portrait,
.rc-avatar[data-frame=gold]{border-color:#ffde99;box-shadow:0 0 0 4px #9d7036,0 0 0 8px rgba(250,205,118,.61),0 10px 25px rgba(0,0,0,.4);}
@media(max-width:900px){.rc-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.rc-hero{padding:23px;}}
@media(max-width:700px){
  #screen-rewards{width:calc(100vw - 24px);}
  .rc-hero{align-items:flex-start;flex-direction:column;gap:16px;padding:19px;}
  .rc-identity{width:100%;justify-content:space-between;}
  .rc-avatar{width:66px;height:66px;}
  .rc-balance{flex:1;}
  .rc-tabs{gap:4px;padding:5px;}
  .rc-tab{min-width:max-content;padding:10px 12px;}
  .rc-panel{padding:16px;}
}
@media(max-width:510px){
  .rc-grid{grid-template-columns:1fr;}
  .rc-wallet{gap:6px;padding:9px;}
  .rc-wallet-item{padding:9px 7px;}
  .rc-wallet-item strong{font-size:17px;}
  .rc-wallet-item small{font-size:9px;}
  .rc-section-head{align-items:stretch;flex-direction:column;}
  .rc-section-head .btn{width:100%;}
}
@media(prefers-reduced-motion:reduce){.rc-tab,.rc-item-action{transition:none;}}