.battle-sprite.layered-sprite{background:none;filter:drop-shadow(0 4px 6px #06030b)}
.sprite-layer{position:absolute;inset:0;background-position:var(--sprite-x) var(--sprite-y);background-size:800% 500%;background-repeat:no-repeat;filter:hue-rotate(var(--layer-hue,0deg));pointer-events:none}
.original-skin{background-image:url('/assets/battle-sprites.png')}.astral-skin{background-image:url('/assets/battle-skins-astral.png')}
.pending-command{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border:1px solid #d6b77577;background:#372b2444;margin-bottom:22px;color:#ecd5a3;gap:16px}
.wardrobe-layout{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(400px,1.1fr);gap:26px}.wardrobe-stage{position:sticky;top:24px;align-self:start;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#5b4b7455,transparent 60%),linear-gradient(160deg,#242134,#11121d);padding:24px;min-height:590px}.wardrobe-stage:before{content:'';position:absolute;width:240px;height:60px;bottom:130px;left:50%;transform:translateX(-50%);border:1px solid #b3a0e66b;border-radius:50%;box-shadow:0 0 45px #ae88d832;pointer-events:none}.wardrobe-controls{display:flex;gap:14px;justify-content:space-between;align-items:center;position:relative;z-index:2}.wardrobe-controls label{display:grid;gap:6px;font-size:11px}.wardrobe-controls select{padding:8px;background:#17141f;color:#e8def8;border:1px solid #ffffff20;border-radius:4px}.wardrobe-controls button{padding:9px;font-size:10px}.wardrobe-model{height:370px;position:relative;margin:12px 0 0}.wardrobe-model .battle-sprite{inset:0 0 0;animation:sprite-idle 3s ease-in-out infinite}.wardrobe-caption{position:relative;text-align:center}.wardrobe-caption>span{font-size:9px;letter-spacing:3px;color:#b8a1da}.wardrobe-caption h2{margin:9px;font-size:27px}.wardrobe-caption p{font-size:11px;margin-bottom:16px}.wardrobe-caption .btn{margin:3px}.wardrobe-slots{padding:22px}.wardrobe-slots h2{font-size:16px;margin-bottom:14px}.wardrobe-slots>div{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;border-top:1px solid #ffffff0b;padding:14px 0;font-size:11px}.wardrobe-slots strong{font-size:11px;font-weight:400;color:#cfc2df}.wardrobe-slots .btn{padding:6px 10px;font-size:10px}.wardrobe-collection-heading{margin:25px 0 16px;font-size:16px}.wardrobe-collection-heading small{font-size:10px;color:#92859c;margin-left:12px}.wardrobe-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wardrobe-card{padding:15px;text-align:center;border-color:color-mix(in srgb,var(--item-color),transparent 65%)}.wardrobe-card h3{font-size:12px;margin:12px 0}.wardrobe-mini{position:relative;height:165px;max-width:170px;margin:auto}.wardrobe-mini .battle-sprite{inset:0;animation:none}.wardrobe-card .btn{font-size:10px}.wardrobe-card .pill{font-size:9px}.wardrobe-card .sprite-layer{filter:hue-rotate(var(--layer-hue,0deg))}
@media(max-width:1000px){.wardrobe-layout{grid-template-columns:1fr}.wardrobe-stage{position:relative;top:0}.wardrobe-model{max-width:340px;margin:auto}.wardrobe-stage{min-height:560px}}
@media(prefers-reduced-motion:reduce){.wardrobe-model .battle-sprite{animation:none}}