.wardrobe,.supporter{margin:28px 0;padding:24px;border:1px solid #554063;border-radius:24px;background:#191420}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:12px;margin:16px 0 25px}.wardrobe-item{padding:14px;border:2px solid transparent;border-radius:16px;background:#282030;display:flex;align-items:center;flex-direction:column;gap:12px;cursor:pointer}.wardrobe-item:has(input:checked){border-color:#b8ff60}.wardrobe-item.locked{opacity:.6}.wardrobe-item small{font-size:12px}.cosmetic-avatar{display:inline-flex;position:relative;padding:4px;border-radius:50%;width:58px;height:58px;flex-shrink:0;box-sizing:border-box;vertical-align:middle;isolation:isolate}.cosmetic-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.cosmetic-avatar:not(.cosmetic-plain):before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;background:conic-gradient(#acff70,#62edd3,#acff70);animation:frame-orbit 4s linear infinite}.cosmetic-fire{box-shadow:0 0 20px #ff682a}.cosmetic-fire:before{background:conic-gradient(#ffdf48,#ff3344,#ff9525,#ffdf48)!important}.cosmetic-ice{box-shadow:0 0 16px #72cfff}.cosmetic-ice:before{background:conic-gradient(#fff,#67bfff,#b0faff,#fff)!important}.cosmetic-water:before{background:conic-gradient(#2244fa,#3affdc,#168cff,#2244fa)!important}.wardrobe-preview{min-height:160px;display:flex;align-items:center;justify-content:center;gap:20px;border-radius:18px;margin:18px 0}.wardrobe-preview .cosmetic-avatar{width:100px;height:100px}.banner-swatch{width:100%;height:65px;border-radius:10px}.banner-night{background:radial-gradient(at 80% 20%,#6c449b,transparent 60%),#14172b}.banner-candy{background:linear-gradient(130deg,#ff4b9b 40%,#fbe94a 40%,#fbe94a 65%,#a56cff 65%);color:#151019}.banner-aurora{background:linear-gradient(120deg,#103958,#52f2a5,#a45aff);color:#131320}@keyframes frame-orbit{to{transform:rotate(360deg)}}body:not(.chaos) .cosmetic-avatar:before{animation:none}@media(prefers-reduced-motion:reduce){.cosmetic-avatar:before{animation:none!important}}body.white .wardrobe,body.white .supporter{background:#fff;color:#191420}

.reward-progress progress{width:100%;height:18px;accent-color:#bfff68}.reward-progress{margin:20px 0}.reward-celebrate{animation:reward-celebrate 1.2s ease-out}@keyframes reward-celebrate{30%{box-shadow:0 0 40px #afff77;transform:scale(1.02)}100%{transform:none}}@media(prefers-reduced-motion:reduce){.reward-celebrate{animation:none;outline:3px solid #afff77}}