.wardrobe-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0}.wardrobe-title h1{font-size:32px;letter-spacing:-.9px;margin:7px 0}.wardrobe-title p{color:#68728a;margin:0;line-height:1.6}.wardrobe-balance{display:flex;gap:12px;align-items:center}.wardrobe-balance>span{display:flex;align-items:center;gap:7px;white-space:nowrap;background:#fff4ce;padding:12px 16px;border-radius:18px;color:#846000}.wardrobe-balance b{font-size:23px}.wardrobe-balance small{font-size:12px}.wardrobe-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.4fr);gap:28px}.wardrobe-mirror{position:sticky;top:20px;align-self:start;background:linear-gradient(150deg,#e5f5ff,#eceaff 65%,#fdf4e8);border:1px solid #dce6f1;border-radius:30px;overflow:hidden;text-align:center;padding-bottom:22px}.wardrobe-preview{height:440px;position:relative;touch-action:pan-y;cursor:grab;display:flex;align-items:center;justify-content:center}.wardrobe-preview:active{cursor:grabbing}.wardrobe-preview:before{content:'';position:absolute;width:220px;height:220px;top:70px;border-radius:50%;background:#ffffff80}.wardrobe-preview canvas{position:absolute;inset:0;z-index:2}.wardrobe-fallback{position:relative;z-index:1;max-width:86%;height:85%;object-fit:contain}.wardrobe-fallback[hidden]{display:none}.mirror-caption{display:flex;flex-direction:column;gap:7px;margin:0 12px 18px}.mirror-caption span{color:#504a81;font-weight:800;font-size:16px}.mirror-caption small{color:#77748e;font-size:12px}.wardrobe-status{font-size:14px;line-height:1.5;color:#216e6b;margin:14px 18px 0;min-height:20px}.wardrobe-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#eef0f7;padding:6px;border-radius:20px;gap:3px;margin-bottom:20px}.wardrobe-tabs button{border:0;background:transparent;border-radius:14px;color:#68718a;padding:12px 7px;font-size:15px;font-weight:800;cursor:pointer}.wardrobe-tabs button.selected{background:#fff;color:#303657;box-shadow:0 3px 10px #42476412}.wardrobe-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.wardrobe-item{border:1.5px solid #e5e7ef;background:white;border-radius:22px;text-align:center;padding:15px 8px 17px;display:flex;align-items:center;flex-direction:column;gap:6px;cursor:pointer;transition:transform .16s,border-color .16s;color:#35415b}.wardrobe-item:hover{transform:translateY(-3px)}.wardrobe-item.selected{border-color:#8870d5;background:#faf6ff;box-shadow:0 0 0 3px #ac9ce526}.wardrobe-art{width:100%;max-width:155px;height:148px}.item-level{font-size:10px;letter-spacing:.3px;font-weight:800;border-radius:99px;background:#f0f3f8;padding:5px 9px;color:#79839a}.tier-high .item-level{background:#fff0c4;color:#9b751f}.tier-mid .item-level{background:#e4f5f9;color:#48859d}.wardrobe-item>b{font-size:14px;line-height:1.4}.item-cost{font-size:11px;color:#7d8496;display:flex;align-items:center;gap:3px;min-height:18px}.wardrobe-selection{margin-top:20px;padding:24px;border:1px solid #e3e7f1;background:#fff;border-radius:22px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px}.wardrobe-selection>div{flex:1;min-width:180px}.wardrobe-selection small{color:#9180ba;font-size:11px;font-weight:800}.wardrobe-selection h2{font-size:20px;margin:4px 0 7px}.wardrobe-selection p{font-size:14px;color:#727d92;margin:0;line-height:1.65}.wardrobe-selection>.lnk{flex-basis:100%;text-align:left;font-size:12px}.wardrobe-selection .btn{font-size:14px;min-height:48px;white-space:normal}.wardrobe-note{font-size:12px;line-height:1.7;color:#9099aa;margin:18px 8px}.profile-avatar-preview{height:250px;position:relative;display:flex;justify-content:center;align-items:center;margin:-16px -12px 6px;border-radius:24px;background:linear-gradient(145deg,#f2f3ff,#effafc)}.profile-avatar-preview canvas{position:absolute;inset:0}.profile-avatar-preview img{max-height:220px;max-width:90%;object-fit:contain}.profile-avatar-preview img[hidden]{display:none}@media(max-width:780px){.wardrobe-title{align-items:flex-start;flex-direction:column;gap:14px}.wardrobe-title h1{font-size:28px}.wardrobe-layout{grid-template-columns:1fr;gap:22px}.wardrobe-mirror{position:relative;top:0}.wardrobe-preview{height:330px}.wardrobe-item-grid{gap:9px}.wardrobe-item{padding:11px 6px}.wardrobe-art{height:117px}.wardrobe-item>b{font-size:12px}.item-cost{font-size:10px}.wardrobe-balance{width:100%}.wardrobe-balance>span{flex:1;justify-content:center}.wardrobe-selection{padding:19px}.wardrobe-preview:before{top:35px}.profile-avatar-preview{height:220px}}@media(prefers-reduced-motion:reduce){.wardrobe-item{transition:none}}
.profile-avatar-preview{margin-top:18px;margin-bottom:6px}
.wardrobe-tabs{grid-template-columns:repeat(5,1fr)}
.wardrobe-rotate{display:flex;justify-content:center;align-items:center;gap:14px;margin:0 12px 18px}.wardrobe-rotate button{background:#fff;border:1px solid #d7d2e9;border-radius:50%;width:37px;height:37px;color:#785bc2;font-size:14px;cursor:pointer}.wardrobe-rotate span{min-width:84px;color:#6d648a;font-size:12px;font-weight:700}.wardrobe-rotate button:disabled{opacity:.45}
.wardrobe-shop-tabs{display:flex;gap:8px;margin-bottom:14px}.wardrobe-shop-tabs button{font:inherit;font-weight:800;border:1px solid #e0e2ec;border-radius:18px;background:#fff;padding:12px 20px;color:#70778d;cursor:pointer}.wardrobe-shop-tabs button.selected{color:#fff;background:#7960d7;border-color:#7960d7;box-shadow:0 4px 0 #4437781c}.wardrobe-shop-tabs span{margin-left:7px;border-radius:99px;background:#ffffff30;padding:2px 7px;font-size:12px}.item-cost.owned{color:#39826b;font-weight:700}.owned-detail{font-size:10px;color:#7d8496}.wardrobe-empty{grid-column:1/-1;background:#fff;border:1px dashed #d9d5e7;border-radius:22px;text-align:center;padding:44px 20px}.wardrobe-empty p{font-size:14px;color:#7c8199;line-height:1.7}.cancel-tryon{font-size:14px!important;min-height:42px!important;padding:8px 22px!important;box-shadow:none!important}.cancel-tryon:disabled{opacity:.4}.wardrobe-selection .starter-outfit{flex-basis:100%;font-size:12px;color:#8790a4;text-align:left}.starter-outfit:disabled{opacity:.45}.wardrobe-item:disabled{cursor:not-allowed;opacity:.5}