.wardrobe-backdrop{-webkit-backdrop-filter:blur(5px);z-index:100;background:#12241aa6;animation:.2s cubic-bezier(.16,1,.3,1) wardrobeFadeIn;position:fixed;inset:0}.wardrobe-dialog{z-index:101;color:#294a43;background:#fff8e8;border:1px solid #bfcfba;border-radius:20px;flex-direction:column;width:94vw;max-width:900px;max-height:90vh;font-family:DM Sans,-apple-system,sans-serif;animation:.25s cubic-bezier(.16,1,.3,1) wardrobePopIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 16px 48px #12241a59}@keyframes wardrobeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes wardrobePopIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.wardrobe-header{background:#fffdf5;border-bottom:1px solid #e1dac6;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.wardrobe-header-title-wrap{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.wardrobe-title{color:#23433c;align-items:center;gap:8px;margin:0;font-family:Fredoka,DM Sans,sans-serif;font-size:22px;font-weight:700;display:flex}.wardrobe-coins{color:#8c5b08;background:#fdf3d4;border:1px solid #e7b758;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #8c5b081a}.wardrobe-close{color:#637871;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.wardrobe-close:hover{color:#23433c;background:#eee8d5;border-color:#d1cbb8}.wardrobe-nav{background:#fdfaf0;border-bottom:1px solid #e6dfcd;gap:8px;padding:10px 22px;display:flex}.wardrobe-nav-btn{color:#556c65;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.wardrobe-nav-btn:hover{color:#23433c;background:#f3ecdb}.wardrobe-nav-btn[data-active=true]{color:#fff8e8;background:#2b5247;border-color:#2b5247}.wardrobe-body{flex:1;min-height:0;display:flex;overflow-y:auto}.wardrobe-main-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);width:100%;min-height:440px;display:grid}@media (max-width:720px){.wardrobe-main-layout{grid-template-columns:1fr}}.wardrobe-preview-panel{background:radial-gradient(circle,#fbf7ec 0%,#ede5d0 100%);border-right:1px solid #e2dbca;flex-direction:column;min-height:320px;display:flex;position:relative}@media (max-width:720px){.wardrobe-preview-panel{border-bottom:1px solid #e2dbca;border-right:none;height:auto;min-height:420px}}.wardrobe-kit-bar{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:12px 14px 0;display:flex}.wardrobe-kit-swatches{border:0;gap:6px;margin:0;padding:0;display:flex}.wardrobe-kit-swatch{cursor:pointer;border:2px solid #fffdf5;border-radius:50%;width:22px;height:22px;padding:0;box-shadow:0 0 0 1px #dcd4be}.wardrobe-kit-swatch[data-active=true]{box-shadow:0 0 0 2px #2b5247}.wardrobe-preview-mode-bar{z-index:2;justify-content:center;gap:6px;padding:12px 14px 4px;display:flex}.wardrobe-mode-btn{color:#4b665c;cursor:pointer;background:#fffdf5;border:1px solid #dcd4be;border-radius:12px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.wardrobe-mode-btn:hover{background:#f7efdc;border-color:#b7c7ae}.wardrobe-mode-btn[data-active=true]{color:#fff8e8;background:#2b5247;border-color:#2b5247}.wardrobe-preview-stage{flex:1;width:100%;min-height:230px;display:flex}.wardrobe-preview-hint{text-align:center;color:#798c84;pointer-events:none;padding:4px 8px;font-size:11px}.wardrobe-motion-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffdf5f2;border-top:1px solid #e2dbca;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.wardrobe-pose-row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.wardrobe-ctrl-btn{color:#4b665c;cursor:pointer;white-space:nowrap;background:#fdfbf5;border:1px solid #dcd4be;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:5px 2px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.wardrobe-ctrl-btn:hover{color:#23433c;background:#f4ece0;border-color:#b7c7ae}.wardrobe-ctrl-btn[data-active=true]{color:#fff8e8;background:#2b5247;border-color:#2b5247;box-shadow:0 1px 3px #2b524733}.wardrobe-turn-row{align-items:center;gap:4px;display:flex}.wardrobe-turn-btn{color:#556c65;cursor:pointer;background:#fdfbf5;border:1px solid #dcd4be;border-radius:7px;justify-content:center;align-items:center;gap:4px;height:26px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.wardrobe-turn-btn:hover{color:#23433c;background:#f4ece0;border-color:#b7c7ae}.wardrobe-turn-toggle{flex:1;font-size:11px}.wardrobe-turn-toggle[data-active=true]{color:#1e5a38;background:#e5f1ea;border-color:#72b08e}.wardrobe-turn-toggle[data-active=false]{color:#7d8481;background:#f3efea;border-color:#d1c8bd}.wardrobe-spin-active{animation:3s linear infinite wardrobeSpinIcon}@keyframes wardrobeSpinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wardrobe-goal-fit-btn{color:#4b665c;cursor:pointer;background:#fffdf5;border:1px solid #c4bca6;border-radius:6px;align-items:center;gap:3px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.wardrobe-goal-fit-btn:hover{color:#1e3c34;background:#f1ebd8}.wardrobe-goal-fit-btn[data-fitted=true]{color:#fff8e8;background:#2b5247;border-color:#2b5247}.wardrobe-inspect-bar{background:#f8f3e4;border-top:1px solid #e2dbca;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.wardrobe-inspect-info{flex-direction:column;display:flex}.wardrobe-inspect-name{color:#23433c;font-size:13px;font-weight:700}.wardrobe-inspect-slot{color:#688077;font-size:11px}.wardrobe-btn-fit-action{color:#fff8e8;cursor:pointer;background:#2b5247;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.wardrobe-btn-fit-action:hover{background:#1f3d35}.wardrobe-fitted-notice{color:#2b5247;background:#eaf3ed;border-top:1px solid #c8decfa0;justify-content:space-between;align-items:center;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.wardrobe-reset-fit-btn{color:#27634f;cursor:pointer;background:0 0;border:1px solid #a8c7b3;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:600}.wardrobe-reset-fit-btn:hover{background:#d5ebd9}.wardrobe-catalog-panel{flex-direction:column;gap:14px;min-width:0;max-height:min(680px,68dvh);padding:16px 20px;display:flex;overflow-y:auto}.wardrobe-slots-filter{flex-wrap:wrap;gap:6px;display:flex}.wardrobe-slot-btn{color:#46635a;cursor:pointer;background:#fffdf7;border:1px solid #cfd9c7;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.wardrobe-slot-btn:hover{background:#f7efdc;border-color:#b7c7ae}.wardrobe-slot-btn[data-active=true]{color:#fff;background:#3e6d5e;border-color:#3e6d5e}.wardrobe-items-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:12px;display:grid}.wardrobe-item-card{background:#fffef9;border:1px solid #dcd4be;border-radius:14px;flex-direction:column;gap:6px;min-width:0;padding:10px;transition:all .15s;display:flex;position:relative}.wardrobe-item-card:hover{border-color:#9cb8a1;box-shadow:0 4px 14px #294a4317}.wardrobe-item-card[data-selected=true]{background:#fbfbf6;border-color:#2b5247;box-shadow:0 0 0 2px #2b524759}.wardrobe-item-card[data-equipped=true]{background:#f3f8f4;border:2px solid #2f6955}.wardrobe-item-thumb-box{background:radial-gradient(circle,#fff 0%,#f4eee1 100%);border:1px solid #ece4d2;border-radius:10px;justify-content:center;align-items:center;width:100%;height:105px;display:flex;position:relative;overflow:hidden}.wardrobe-item-select{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:10px;padding:0;display:flex}.wardrobe-item-info{flex-direction:column;gap:4px;padding-bottom:6px;display:flex}.wardrobe-item-slot-name{color:#556c65;font-size:11px}.wardrobe-item-badge{color:#fffdf5;background:#2b5247;border-radius:6px;align-items:center;gap:4px;max-width:calc(100% - 12px);padding:4px 6px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:6px;left:6px}.wardrobe-badge-fitted{color:#7c5108;background:#fdf3d4;border:1px solid #e3bc64}.wardrobe-item-thumb-img{object-fit:contain;width:100%;height:100%;transition:transform .2s}.wardrobe-item-card:hover .wardrobe-item-thumb-img{transform:scale(1.07)}.wardrobe-item-thumb-placeholder{border:2px dashed #d1c8b3;border-radius:50%;width:32px;height:32px}.wardrobe-item-name{color:#1f3d35;margin:0;font-size:13px;font-weight:700;line-height:1.3}.wardrobe-item-name-btn{color:#1f3d35;text-align:left;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:13px;font-weight:700;line-height:1.3}.wardrobe-item-name-btn:hover{color:#2b5247;text-decoration:underline}.wardrobe-item-meta{color:#72877f;justify-content:space-between;align-items:center;font-size:11px;display:flex}.wardrobe-item-slot{text-transform:capitalize;background:#ece7d7;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600}.wardrobe-item-actions{flex-direction:column;gap:4px;margin-top:auto;display:flex}.wardrobe-item-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.wardrobe-btn-equip{color:#27634f;background:#e8f3ea;border-color:#aed1b9}.wardrobe-btn-equip:hover{background:#d4ebd8}.wardrobe-btn-unequip{color:#8c3b28;background:#fbeee8;border-color:#f1cfc2}.wardrobe-btn-unequip:hover{background:#f7ded3}.wardrobe-btn-fit{color:#2e6955;background:#edf5f0;border-color:#bad8c5}.wardrobe-btn-fit:hover{background:#d9ebe0}.wardrobe-btn-fit[data-active=true]{color:#fff8e8;background:#2b5247;border-color:#2b5247}.wardrobe-btn-buy{color:#7c5108;background:#fdf3d4;border-color:#e3bc64}.wardrobe-btn-buy:hover:not(:disabled){background:#fce8ad}.wardrobe-btn-buy:disabled{opacity:.55;cursor:not-allowed;color:#7b8f87;background:#ede8dc;border-color:#ded7c4}.wardrobe-goal-locked{color:#8a6524;text-align:center;background:#fdf7e7;border:1px dashed #d9b867;border-radius:6px;padding:4px 6px;font-size:11px;font-weight:600}.wardrobe-item-goal-hint{color:#7c5108;text-align:center;padding:6px;font-size:11px;line-height:1.4}.wardrobe-goals-panel{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;min-width:0;max-height:min(680px,68dvh);padding:20px 24px;display:flex;overflow-y:auto}.wardrobe-goals-intro{color:#4a675e;margin:0;font-size:14px;line-height:1.5}.wardrobe-goals-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.wardrobe-goal-card{background:#fffef9;border:1px solid #d9d1be;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}.wardrobe-goal-card[data-completed=true]{background:#f5fbf7;border-color:#428263}.wardrobe-goal-title-wrap{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.wardrobe-goal-label{color:#1e3c34;margin:0;font-size:15px;font-weight:700}.wardrobe-goal-badge{border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700}.wardrobe-goal-badge[data-completed=true]{color:#1f6b43;background:#d9f0e1}.wardrobe-goal-badge[data-completed=false]{color:#63776f;background:#eee8d5}.wardrobe-goal-reward{color:#667c74;align-items:center;gap:6px;font-size:12px;display:flex}.wardrobe-goal-reward strong{color:#274b41}.wardrobe-progress-bar-wrap{background:#e4ddca;border-radius:4px;width:100%;height:8px;overflow:hidden}.wardrobe-progress-bar-fill{background:#3e7b64;border-radius:4px;height:100%;transition:width .3s}.wardrobe-goal-card[data-completed=true] .wardrobe-progress-bar-fill{background:#2a945b}.wardrobe-progress-text{color:#667d74;justify-content:space-between;font-size:11px;display:flex}.wardrobe-header-button{color:#24443c;cursor:pointer;background:#fdf5df;border:1px solid #dfc385;border-radius:24px;align-items:center;gap:7px;height:42px;padding:0 16px;font:600 14px/1 DM Sans,sans-serif;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #294a4314}.wardrobe-header-button:hover{background:#fbeec8;border-color:#cda85a;transform:translateY(-1px)}.wardrobe-toolbar-button{color:#2a4f44;background:#fff8e8;border-color:#c3cfb9}.wardrobe-toolbar-button:hover{background:#ffefc7}.wardrobe-embedded-card{color:#294a43;background:#fff8e8;border:1px solid #bfcfba;border-radius:20px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 4px 18px #12241a14}.wardrobe-admin-bar{color:#556c65;background:#f4ede0;border-bottom:1px solid #e1dac6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 22px;font-size:12px;display:flex}.wardrobe-admin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wardrobe-admin-btn{color:#38564e;cursor:pointer;background:#fffdf5;border:1px solid #c9c1af;border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.wardrobe-admin-btn:hover{color:#fff8e8;background:#2b5247;border-color:#2b5247}.wardrobe-admin-badge{color:#1f63c7;font-weight:700}.wardrobe-content{flex-direction:column;min-height:0;display:flex;overflow:hidden}:is(.wardrobe-content,.wardrobe-embedded-card) button:focus-visible{outline-offset:3px;outline:3px solid #3e6d5e}.wardrobe-fitted-notice{flex-wrap:wrap;gap:8px}@media (max-width:720px){.wardrobe-body{display:block}.wardrobe-catalog-panel{max-height:none;padding:14px;overflow:visible}.wardrobe-nav,.wardrobe-header{flex-wrap:wrap;padding:12px 14px}.wardrobe-mode-btn,.wardrobe-ctrl-btn,.wardrobe-turn-btn,.wardrobe-slot-btn,.wardrobe-item-btn{min-height:36px}.wardrobe-goals-panel{box-sizing:border-box;max-height:none;padding:14px}}@media (prefers-reduced-motion:reduce){.wardrobe-dialog,.wardrobe-backdrop,.wardrobe-spin-active{animation:none}:is(.wardrobe-content,.wardrobe-embedded-card) *{transition:none}}
