#wardrobe{width:min(850px,96vw);max-height:94dvh;padding:20px;border:1px solid #ae9866;border-radius:20px;background:#20372d;color:#f4dfac;overflow:auto;touch-action:pan-y;overscroll-behavior:contain}#wardrobe::backdrop{background:#10211be6;backdrop-filter:blur(5px)}#wardrobe header{display:flex;justify-content:space-between;gap:16px}#wardrobe h2{margin:0;font-size:23px}#wardrobe header p{margin:5px 0 14px;font-size:12px;color:#b5cbb1}#wardrobe-close{width:44px;height:44px;border-radius:50%;font-size:24px;flex:none}.wardrobe-body{display:grid;grid-template-columns:38% 1fr;gap:24px}.wardrobe-preview{text-align:center;background:radial-gradient(#63835b50,transparent 70%);min-width:0}#wardrobe-art{width:min(100%,270px);aspect-ratio:1;margin:auto;background-size:400% 200%;background-repeat:no-repeat;image-rendering:pixelated;transform-origin:50% 95%}#appearance-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#wardrobe label{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-bottom:10px}#wardrobe select{min-height:44px;width:100%;border:1px solid #82926a;border-radius:10px;background:#2a4334;color:#f6e5b9;font:inherit;padding:8px}#wardrobe-level,#job-description,#wardrobe-message{font-size:11px;line-height:1.6}#wardrobe-message{color:#f4b77e}#wardrobe footer{display:flex;justify-content:flex-end;position:sticky;bottom:-20px;background:#20372d;padding:12px 0}#wardrobe-apply{min-height:44px;padding:9px 24px;border-radius:12px;background:#6f6339;font:inherit;color:#ffe5a7;border:1px solid #c4a66c}#open-wardrobe{min-height:44px;width:100%;padding:7px 12px;margin:4px 0 8px;border-radius:10px;background:#3a503a;color:#efd8a6;border:1px solid #9b9562;font:inherit;font-size:12px}.wardrobe-fields{min-width:0}#wardrobe button:focus-visible,#wardrobe select:focus-visible{outline:2px solid #b2f1cf;outline-offset:2px}
@media(orientation:landscape) and (max-height:600px){#wardrobe{padding:12px;max-height:96dvh}#wardrobe h2{font-size:17px}#wardrobe header p{margin-bottom:8px;font-size:10px}.wardrobe-body{grid-template-columns:30% 1fr;gap:16px}#wardrobe-art{max-width:180px}#appearance-fields{gap:6px 10px}#wardrobe label{font-size:10px;margin-bottom:5px}#wardrobe select{padding:5px;min-height:44px}#wardrobe footer{bottom:-12px;padding:8px 0}#open-wardrobe{min-height:36px;margin:3px 0 5px;font-size:10px}#job-description{margin:4px 0}#wardrobe-level{margin:5px 0}.wardrobe-preview{position:sticky;top:0;align-self:start}}

.rig-preview{background-image:none!important;animation:none!important;transform:none!important}.rig-preview canvas{pointer-events:none}