.mastery-prestige-panel,.wearable-fashion-panel{--mf-accent:#65eaff}.prestige-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.45fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid rgba(101,234,255,.32);background:linear-gradient(135deg,rgba(12,21,34,.96),rgba(9,8,23,.96));box-shadow:0 18px 55px rgba(0,0,0,.28);border-radius:16px}.prestige-copy small,.prestige-reward span{letter-spacing:.15em;color:#65eaff}.prestige-copy h4{font-size:1.45rem;margin:.25rem 0}.prestige-copy p,.prestige-reward small{color:#a8b5c7;margin:0}.prestige-reward{padding:14px;border-radius:12px;background:rgba(101,234,255,.07);display:grid;gap:5px}.prestige-reward strong{font-size:1.12rem;color:#fff}.mastery-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:24px 0 10px}.mastery-section-heading h4{margin:0}.mastery-section-heading small{color:#8998aa}.mastery-character-grid,.powerup-upgrade-grid,.wearable-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.mastery-character-card{--mastery-accent:#65eaff;position:relative;overflow:hidden;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--mastery-accent) 38%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--mastery-accent) 8%,#101523),#080b12);transition:transform .18s ease,box-shadow .18s ease}.mastery-character-card:hover{transform:translateY(-3px);box-shadow:0 13px 35px color-mix(in srgb,var(--mastery-accent) 16%,transparent)}.mastery-card-head{display:flex;gap:9px;align-items:center}.mastery-card-head span{font-size:.73rem;padding:4px 7px;border:1px solid var(--mastery-accent);color:var(--mastery-accent);border-radius:999px}.mastery-card-head strong{font-size:1rem}.mastery-meter{height:7px;margin:11px 0 5px;border-radius:99px;background:#05070b;overflow:hidden}.mastery-meter span{display:block;height:100%;background:var(--mastery-accent);box-shadow:0 0 14px var(--mastery-accent)}.mastery-character-card>small{color:#9ca8ba}.mastery-character-card>b{display:block;margin-top:11px;color:var(--mastery-accent)}.mastery-character-card p{font-size:.82rem;color:#aeb8c7;min-height:2.8em}.mastery-stats{display:flex;flex-wrap:wrap;gap:5px}.mastery-stats span{font-size:.69rem;padding:4px 6px;background:rgba(255,255,255,.06);border-radius:6px}.powerup-loadout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.powerup-loadout-slot{display:grid;gap:8px;padding:13px;border:1px solid rgba(101,234,255,.2);border-radius:12px;background:rgba(255,255,255,.035)}.powerup-loadout-slot>span{font-size:.72rem;letter-spacing:.1em;color:#65eaff}.powerup-loadout-slot select,.wearable-toolbar select{width:100%;padding:10px;border:1px solid rgba(255,255,255,.18);background:#080c14;color:#fff;border-radius:8px}.powerup-loadout-slot.locked{opacity:.5}.powerup-upgrade-card{--powerup-accent:#65eaff;padding:14px;border:1px solid color-mix(in srgb,var(--powerup-accent) 28%,transparent);border-radius:13px;background:#0b0f18}.powerup-upgrade-card>div:first-child{display:flex;gap:9px;align-items:center}.powerup-icon{font-size:1.35rem;color:var(--powerup-accent)}.powerup-upgrade-card p{font-size:.8rem;color:#a6b0bd;min-height:2.7em}.powerup-level{font-size:.72rem;color:var(--powerup-accent);margin-bottom:9px}.mastery-fashion-status,.wearable-status{min-height:1.3em;margin-top:12px;color:#65eaff}.mastery-fashion-status.error,.wearable-status.error{color:#ff6c7a}.wearable-toolbar{display:grid;grid-template-columns:minmax(200px,340px) 1fr;gap:12px;align-items:end;margin-bottom:12px}.wearable-toolbar label{display:grid;gap:6px}.wearable-toolbar label span{font-size:.75rem;color:#aab5c4}.wearable-wallet{text-align:right}.wearable-look-card{display:grid;grid-template-columns:minmax(180px,.65fr) 1fr;gap:18px;padding:16px;border:1px solid rgba(101,234,255,.25);border-radius:16px;background:radial-gradient(circle at 20% 20%,rgba(101,234,255,.09),transparent 42%),#090d16}.wearable-avatar-preview{display:grid;justify-items:center;gap:8px}.wearable-avatar-silhouette{position:relative;width:145px;height:205px;border-radius:48% 48% 24% 24%;background:linear-gradient(#273648,#101723);box-shadow:inset 0 0 0 2px rgba(101,234,255,.2),0 0 35px rgba(101,234,255,.09);display:grid;place-items:center;overflow:hidden}.wearable-avatar-silhouette>span{font-size:2rem;color:#65eaff}.wearable-layer{--item-accent:#65eaff;position:absolute;left:10%;right:10%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--item-accent) 68%,transparent);color:var(--item-accent);font-size:.61rem;letter-spacing:.12em;background:color-mix(in srgb,var(--item-accent) 12%,rgba(0,0,0,.55));overflow:hidden}.wearable-layer img{width:100%;height:100%;object-fit:contain}.wearable-layer-head{top:3%;height:24%;border-radius:60% 60% 25% 25%}.wearable-layer-top{top:31%;height:40%;border-radius:20%}.wearable-layer-bottom{top:70%;height:26%;border-radius:15% 15% 30% 30%}.wearable-equipped-slots{display:grid;gap:8px;align-content:center}.wearable-equipped-slots>div{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:9px;padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}.wearable-equipped-slots span{font-size:.7rem;color:#8592a3}.wearable-equipped-slots button{border:0;background:transparent;color:#ff8490;font-size:.68rem;cursor:pointer}.wearable-category-tabs{display:flex;gap:7px;overflow:auto;padding:13px 0}.wearable-category-btn{white-space:nowrap;border:1px solid rgba(255,255,255,.14);background:#0a0e16;color:#aeb7c4;padding:8px 10px;border-radius:999px;cursor:pointer}.wearable-category-btn.active{color:#041014;background:#65eaff;border-color:#65eaff}.wearable-item-card{--item-accent:#65eaff;display:grid;grid-template-columns:105px 1fr;gap:11px;padding:11px;border:1px solid color-mix(in srgb,var(--item-accent) 25%,transparent);border-radius:13px;background:#090d15}.wearable-item-card.equipped{box-shadow:inset 0 0 0 1px var(--item-accent)}.wearable-item-media{min-height:150px;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--item-accent) 14%,#121826),#07090e);display:grid;place-items:center;color:var(--item-accent);font-size:.68rem;text-align:center;overflow:hidden}.wearable-item-media img{width:100%;height:100%;object-fit:contain}.wearable-item-body small{color:var(--item-accent);font-size:.68rem}.wearable-item-body h4{margin:.3rem 0}.wearable-item-body p{font-size:.78rem;color:#9ca8b8;min-height:2.6em}.wearable-item-body>strong{font-size:.76rem;color:#fff}.wearable-item-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.wearable-item-actions .btn{font-size:.67rem;padding:7px 9px}.mastery-empty,.wearable-empty{padding:18px;border:1px dashed rgba(255,255,255,.16);color:#8f9aab;border-radius:12px}
@media(max-width:760px){.prestige-card{grid-template-columns:1fr}.prestige-action{width:100%}.powerup-loadout-grid{grid-template-columns:1fr}.wearable-toolbar,.wearable-look-card{grid-template-columns:1fr}.wearable-wallet{text-align:left}.wearable-item-card{grid-template-columns:88px 1fr}.wearable-item-media{min-height:132px}.mastery-section-heading{align-items:flex-start;flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){.mastery-character-card{transition:none}.mastery-character-card:hover{transform:none}}
.mastery-claim-btn{width:100%;margin-top:10px;border-color:var(--mastery-accent)!important}.mastery-next-reward{display:block;margin-top:10px;color:#95a3b5!important}


/* v4.6.17 advanced dressing studio */
.wearable-character-stage{position:relative;width:min(270px,72vw);height:330px;display:grid;place-items:end center;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 65%,rgba(101,234,255,.16),transparent 54%),linear-gradient(160deg,#131b29,#070a10);box-shadow:inset 0 0 0 1px rgba(101,234,255,.22),0 18px 42px rgba(0,0,0,.32)}
.wearable-character-base{position:relative;z-index:5;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 18px rgba(0,0,0,.5))}
.wearable-character-stage .wearable-layer{left:50%;top:50%;right:auto;width:100%;height:100%;border:0;background:transparent;overflow:visible;transform-origin:center center;pointer-events:none}
.wearable-character-stage .wearable-layer img{width:100%;height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25))}
.wearable-character-stage .wearable-layer.is-preview{filter:drop-shadow(0 0 12px var(--item-accent));animation:wearablePreviewPulse 1.2s ease-in-out infinite alternate}
.wearable-preview-note{color:#65eaff;font-size:.64rem;letter-spacing:.08em}.wearable-clear-preview{width:100%;margin-top:6px}
.saved-look-section,.wearable-bundle-section{margin-top:18px}.saved-look-grid{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:9px}.saved-look-card{padding:11px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#090d15}.saved-look-card.has-look{border-color:rgba(101,234,255,.36);background:linear-gradient(145deg,rgba(101,234,255,.07),#090d15)}.saved-look-card small{color:#65eaff}.saved-look-card strong{display:block;margin-top:4px}.saved-look-card p{min-height:3.2em;color:#94a1b2;font-size:.72rem}.saved-look-actions{display:flex;flex-wrap:wrap;gap:5px}.saved-look-actions .btn{padding:6px 7px;font-size:.61rem}.saved-look-actions .danger{border-color:rgba(255,82,101,.45);color:#ff9cab}
.wearable-bundle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:11px}.wearable-bundle-card{--bundle-accent:#65eaff;padding:14px;border:1px solid color-mix(in srgb,var(--bundle-accent) 30%,transparent);border-radius:14px;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--bundle-accent) 12%,transparent),transparent 35%),#090d15}.wearable-bundle-card.owned{box-shadow:inset 0 0 0 1px var(--bundle-accent)}.wearable-bundle-card small{color:var(--bundle-accent)}.wearable-bundle-card h4{margin:.3rem 0}.wearable-bundle-card p{color:#9da9b8;font-size:.78rem}.bundle-items{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.bundle-items span{padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.06);font-size:.62rem}
@keyframes wearablePreviewPulse{from{opacity:.72}to{opacity:1}}
@media(max-width:900px){.saved-look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wearable-character-stage{height:260px}.saved-look-grid{grid-template-columns:1fr 1fr}.wearable-bundle-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wearable-character-stage .wearable-layer.is-preview{animation:none}}

.wearable-bundle-hero{width:100%;height:150px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.035);margin-bottom:8px}

/* v4.6.19.5 — wearable fit and layering polish */
.wearable-character-stage{
  isolation:isolate;
  contain:layout paint;
  min-height:260px;
}
.wearable-character-stage .wearable-character-base{
  position:relative;
  z-index:10;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center bottom;
}
.wearable-character-stage .wearable-layer{
  overflow:hidden;
  border-radius:18%;
  clip-path:inset(0 round 12%);
  will-change:transform;
}
.wearable-character-stage .wearable-layer-bottom{z-index:14!important}
.wearable-character-stage .wearable-layer-top{z-index:20!important}
.wearable-character-stage .wearable-layer-head{z-index:30!important}
.wearable-character-stage .wearable-layer img{
  display:block;
  object-fit:contain;
  object-position:center;
  transform:translateZ(0);
}
.wearable-character-stage .wearable-layer-copy{clip-path:inset(0 round 16%)}
.wearable-equipped-slots .wearable-reset-outfit{
  grid-column:1/-1;
  justify-self:stretch;
  border:1px solid rgba(255,132,144,.45);
  color:#ff9aa5;
  background:rgba(255,80,100,.07);
  padding:10px 12px;
  border-radius:10px;
}
.wearable-equipped-slots .wearable-reset-outfit:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:560px){
  .wearable-look-card{grid-template-columns:1fr;overflow:hidden}
  .wearable-character-stage{width:min(230px,72vw);height:285px;margin-inline:auto}
  .wearable-equipped-slots{width:100%;min-width:0}
  .wearable-equipped-slots>div{grid-template-columns:58px minmax(0,1fr) auto}
  .wearable-equipped-slots strong{overflow-wrap:anywhere}
}


/* v4.6.19.6 measurement-based Snap-Fit renderer. */
.wearable-character-stage .wearable-layer{
  transform-origin:50% 50%;
  animation:wearableSnapAttach .24s cubic-bezier(.2,.9,.25,1.15) both;
  will-change:transform,opacity;
}
.wearable-character-stage .wearable-layer img{
  object-fit:var(--wearable-image-fit,contain);
  object-position:center;
}
.wearable-character-stage .wearable-layer[data-fit-measured="true"]::after{
  content:"";position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--item-accent,#65eaff) 42%,transparent);
  border-radius:18%;opacity:0;pointer-events:none;animation:wearableSnapLock .42s ease-out;
}
.wearable-fit-badge{letter-spacing:.08em}
@keyframes wearableSnapAttach{
  from{opacity:0;filter:brightness(1.7) saturate(1.35)}
  65%{opacity:1;filter:brightness(1.25) saturate(1.15)}
  to{opacity:1;filter:none}
}
@keyframes wearableSnapLock{0%{opacity:.9;transform:scale(1.1)}100%{opacity:0;transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){
  .wearable-character-stage .wearable-layer,
  .wearable-character-stage .wearable-layer[data-fit-measured="true"]::after{animation:none!important}
}

/* v4.6.20.1 — clean calibrated Snap-Fit pass. */
.wearable-character-stage .wearable-layer{
  animation:none!important;
  border-radius:0;
  clip-path:none;
  overflow:visible;
  backface-visibility:hidden;
  transition:opacity .16s ease,filter .16s ease;
}
.wearable-character-stage .wearable-layer::after{display:none!important}
.wearable-character-stage .wearable-layer-loading{opacity:0!important}
.wearable-character-stage .wearable-layer-ready{opacity:1}
.wearable-character-stage .wearable-layer img{
  display:block;
  width:100%;height:100%;
  object-fit:var(--wearable-image-fit,contain);
  object-position:center;
  filter:drop-shadow(0 5px 7px rgba(0,0,0,.22));
}
.wearable-character-stage .wearable-layer[data-snap-target="top"] img{object-position:center 48%}
.wearable-character-stage .wearable-layer[data-snap-target="bottom"] img{object-position:center 52%}
.wearable-character-stage .wearable-layer[data-snap-target="fullBody"] img{object-position:center bottom}
.wearable-character-stage .wearable-layer.is-preview{animation:none!important;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--item-accent) 62%,transparent))}
.wearable-fit-badge,.wearable-fit-note{display:none!important}
@media(prefers-reduced-motion:reduce){.wearable-character-stage .wearable-layer{transition:none!important}}
