.wardrobe-room{min-height:100%;padding:20px 18px 26px;background:linear-gradient(#172425db,#1a262bed),url('/assets/study-hall.png') center/cover;color:#f3e4ba;text-align:center}
.wardrobe-heading h2{font:700 22px/1.3 'Cinzel',Georgia,serif;margin:5px 0 7px;text-shadow:1px 2px #111}
.wardrobe-heading p{font:12px/1.5 Georgia,serif;color:#d4cfb7;margin:0 0 14px}
.wardrobe-kicker{font:700 9px/1.4 'Cinzel',Georgia,serif;letter-spacing:2px;color:#c6a966}
.wardrobe-mirror{width:min(100%,290px);margin:0 auto 18px;position:relative;border:5px solid #1c2522;outline:2px solid #ae945b;border-radius:46% 46% 8px 8px;background:#728d83;box-shadow:inset 0 0 0 3px #e2c987,0 6px 0 #101919,0 10px 24px #0005;padding:10px}
.wardrobe-mirror-inner{overflow:hidden;border:2px solid #303f39;border-radius:47% 47% 3px 3px;background:radial-gradient(ellipse at 55% 40%,#c3d2b5,#758e83);aspect-ratio:1.14}
.wardrobe-mirror canvas{display:block;width:100%;height:100%;object-fit:contain}
.mirror-ornament{position:absolute;bottom:-12px;left:calc(50% - 8px);color:#e1c176;text-shadow:2px 2px #101919;font-size:19px}
.wardrobe-panel{max-width:420px;margin:auto;padding:16px 14px 10px;border:3px solid #17201c;outline:1px solid #9a8653;border-radius:4px;background:#35423c;box-shadow:inset 0 0 0 2px #627160,0 4px #15201c}
.wardrobe-panel fieldset{border:0;padding:0;margin:0;min-width:0}
.wardrobe-choice{display:grid;grid-template-columns:94px minmax(0,1fr);gap:8px;align-items:center;margin-bottom:8px;text-align:left}
.wardrobe-label{font:700 11px/1.3 'Cinzel',Georgia,serif;color:#e4d4a7}
.wardrobe-stepper{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:4px}
.wardrobe-stepper button{height:36px;padding:0;border:2px solid #15211c;border-bottom-width:3px;background:#7b8857;color:#fff0bf;box-shadow:inset 0 2px #b1b780;border-radius:3px;font:bold 29px/25px Georgia,serif;cursor:pointer}
.wardrobe-stepper button:hover{background:#8d9b64}.wardrobe-stepper button:active{transform:translateY(1px)}
.wardrobe-choice-value{display:flex;justify-content:center;align-items:center;gap:7px;min-height:32px;border-top:1px solid #15251d;border-bottom:1px solid #697561;background:#27372e;color:#fff4d5;font:12px Georgia,serif}
.wardrobe-choice-value i{width:13px;height:13px;border:1px solid #d7c28c;box-shadow:0 0 0 1px #15211c;border-radius:50%;flex-shrink:0}
.wardrobe-tip{margin:10px 0 14px;color:#bfc7ad;font-size:10px}.wardrobe-actions{display:flex;justify-content:center;gap:10px}.wardrobe-save{flex:1;max-width:260px;font-size:13px!important;padding:11px!important}.wardrobe-cancel{padding:8px 14px!important}.wardrobe-status{margin:8px 0 0;min-height:14px;font-size:11px;color:#f4d09b}
.wardrobe-panel button:focus-visible{outline:3px solid #efd188;outline-offset:2px}.wardrobe-panel button:disabled{opacity:.5;cursor:wait}
/* Above world controls while exploring; combat deliberately hides this entry. */
.wardrobe-world-entry{position:absolute;top:12px;left:12px;z-index:9;font:700 11px 'Cinzel',Georgia,serif!important}
#worldWardrobeBtn{top:52px} /* under the Tutorial button, which sits at the top */
.avatar#wardrobeBtn{cursor:pointer;padding:0;border:0;position:relative}.avatar canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%}.avatar .avatar-badge{z-index:2}
.creating-character .bottomnav{visibility:hidden;pointer-events:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:700px){.wardrobe-room{padding-top:25px}.wardrobe-mirror{width:310px}.wardrobe-heading h2{font-size:25px}}
@media(max-height:740px){.wardrobe-room{padding-top:12px}.wardrobe-mirror{width:215px;margin-bottom:15px}.wardrobe-heading p{margin-bottom:10px}.wardrobe-choice{margin-bottom:5px}.wardrobe-panel{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.wardrobe-stepper button:active{transform:none}}
.wardrobe-name{display:block;margin:0 0 14px;color:#f4e5c0;font:700 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.04em}.wardrobe-name .text-input{display:block;width:100%;box-sizing:border-box;margin-top:6px;background:#fff8e6;color:#3d3428;border:1px solid #99815b;border-radius:5px;padding:10px 11px;font-size:15px;letter-spacing:0}