/* An open, illustrated dressing corner. The companion keeps its shared room anchor. */
.dragon-panel[data-room="bedroom"] .wardrobe-cabinet.wardrobe-discovery{top:auto!important;right:50%!important;left:auto!important;bottom:196px!important;width:min(620px,94%)!important;transform:translateX(50%)!important;filter:none!important}
.wardrobe-discovery .wardrobe-tray{position:static!important;inset:auto!important;width:100%!important;max-height:none!important;overflow:visible!important;padding:12px;border:2px solid #fff7d8;border-radius:25px;background:linear-gradient(145deg,#fff6eafa,#f1eafffa);box-shadow:0 7px 0 #84779d40,0 10px 25px #1c25432b;backdrop-filter:none}
.wardrobe-discovery .wardrobe-tray header{margin-bottom:8px}.wardrobe-discovery .wardrobe-tray header>div{width:100%;align-items:center}.wardrobe-discovery .wardrobe-tray header span{color:#95657e;font-size:11px}.wardrobe-discovery .wardrobe-tray header strong{font-size:20px;color:#404767}
.wardrobe-discovery .wardrobe-tray header button{width:auto;min-width:70px;min-height:44px;height:auto;border-radius:14px;font-size:13px;padding:5px 10px;white-space:nowrap;background:#fff;color:#46466a}
.wardrobe-discovery .wardrobe-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}.wardrobe-discovery .wardrobe-categories button{position:relative;display:flex;flex-direction:column;min-height:78px;border:2px solid white;border-bottom:4px solid #8575ae66;border-radius:17px;background:linear-gradient(140deg,#e6daff,#c6b6f5);color:#343b65;gap:0;padding:4px}
.wardrobe-discovery .wardrobe-categories button:nth-child(4n+2){background:linear-gradient(140deg,#ffdeed,#ffb8d0)}.wardrobe-discovery .wardrobe-categories button:nth-child(4n+3){background:linear-gradient(140deg,#d8f5ff,#a3daee)}.wardrobe-discovery .wardrobe-categories button:nth-child(4n){background:linear-gradient(140deg,#fff2c5,#ffdb91)}
.wardrobe-discovery .wardrobe-categories button span{width:53px;height:48px}.wardrobe-discovery svg{display:block;width:100%;height:100%}.wardrobe-discovery .wardrobe-categories button strong{font-size:12px}.wardrobe-discovery button{cursor:pointer;transition:transform .15s,box-shadow .15s}.wardrobe-discovery button:focus-visible{outline:3px solid #6650a4;outline-offset:3px}.wardrobe-discovery button:hover{transform:translateY(-2px)}
.wardrobe-discovery:not(.choosing) .wardrobe-items,.wardrobe-discovery:not(.choosing) .wardrobe-bottom,.wardrobe-discovery.choosing .wardrobe-categories{display:none}
.wardrobe-discovery .wardrobe-items button{height:97px;border:2px solid white;border-bottom:4px solid #a59ecb;background:linear-gradient(#fff,#e9e5fc);border-radius:18px;position:relative}.wardrobe-discovery .wardrobe-items button span{height:60px;width:65px}.wardrobe-discovery .wardrobe-items button strong{font-size:12px}.wardrobe-discovery .wardrobe-items button.selected{border-color:#387d6d;background:#e1f5e9}.wardrobe-discovery .wardrobe-items button.selected::after{content:'✓';position:absolute;top:3px;right:6px;color:#226652;font-weight:900}
.wardrobe-discovery .wardrobe-bottom{gap:4px;margin-top:7px}.wardrobe-discovery .wardrobe-bottom>span{flex:1;font-size:11px}.wardrobe-discovery .wardrobe-bottom button{min-height:44px;padding:6px 10px;border-radius:12px;background:#fff7ed;text-decoration:none;font-size:12px}.wardrobe-discovery .wardrobe-bottom .wardrobe-play{display:none}
.dragon-panel[data-room="bedroom"] .care-dock{left:50%;right:auto;bottom:76px;transform:translateX(-50%);width:min(620px,94%)}
@media(max-width:700px){.dragon-panel[data-room="bedroom"] .wardrobe-cabinet.wardrobe-discovery{bottom:168px!important}.wardrobe-discovery .wardrobe-tray{padding:8px;border-radius:21px}.wardrobe-discovery .wardrobe-tray header span{display:none}.wardrobe-discovery .wardrobe-tray header strong{font-size:17px}.wardrobe-discovery .wardrobe-categories{gap:5px}.wardrobe-discovery .wardrobe-categories button{min-height:69px;border-radius:13px}.wardrobe-discovery .wardrobe-categories button span{width:43px;height:40px}.wardrobe-discovery .wardrobe-categories button strong{font-size:10px}.wardrobe-discovery .wardrobe-items button{height:86px}.wardrobe-discovery .wardrobe-items button span{height:48px}.wardrobe-discovery .wardrobe-bottom>span{font-size:9px}.wardrobe-discovery .wardrobe-bottom button{padding:5px;font-size:11px}.dragon-panel[data-room="bedroom"] .care-dock{bottom:70px}}
@media(max-height:700px){.wardrobe-discovery .wardrobe-categories button{min-height:59px}.wardrobe-discovery .wardrobe-categories button span{height:31px}.wardrobe-discovery .wardrobe-tray header{margin-bottom:4px}.wardrobe-discovery .wardrobe-tray header span{display:none}}
@media(prefers-reduced-motion:reduce){.wardrobe-discovery button{transition:none}}
/* Four care actions remain in a separate, compact row below the outfit choices. */
.dragon-panel[data-room="bedroom"] .care-dock header{display:none}
.dragon-panel[data-room="bedroom"] .care-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
.dragon-panel[data-room="bedroom"] .care-actions button{min-width:0}
/* Wide screens have room for a dressing table beside the companion. */
@media(min-width:1000px) and (max-height:900px){.dragon-panel[data-room="bedroom"] .wardrobe-cabinet.wardrobe-discovery{right:24px!important;transform:none!important;width:min(330px,31%)!important}.dragon-panel[data-room="bedroom"] .care-dock{left:auto;right:24px;transform:none;width:min(330px,31%)}.wardrobe-discovery .wardrobe-categories button span{width:45px;height:45px}.wardrobe-discovery .wardrobe-categories button strong{font-size:10px}.wardrobe-discovery .wardrobe-categories{gap:5px}}
@media(max-width:700px) and (max-height:700px){.wardrobe-discovery .wardrobe-categories button{height:50px;min-height:50px;padding:2px}.wardrobe-discovery .wardrobe-categories button span{height:25px}.wardrobe-discovery .wardrobe-categories button strong{font-size:9px}.wardrobe-discovery .wardrobe-tray header strong{font-size:15px}}

/* Keep every dressing control below the needs meters on short wide screens. */
@media(max-height:560px) and (min-width:701px){
 .dragon-panel[data-room="bedroom"] .wardrobe-cabinet.wardrobe-discovery{top:136px!important;bottom:80px!important;right:20px!important;left:auto!important;width:46%!important;transform:none!important}
 .wardrobe-discovery .wardrobe-tray{height:100%;max-height:100%!important;overflow:auto!important;overscroll-behavior:contain;padding:8px}
 .dragon-panel[data-room="bedroom"] .care-dock{left:20px;right:auto;bottom:80px;transform:none;width:43%}
 .wardrobe-discovery .wardrobe-tray header strong{font-size:16px}.wardrobe-discovery .wardrobe-items button{height:80px}
}
@media(max-width:400px){.dragon-panel .room-heading{top:139px;max-width:calc(100% - 24px)}.dragon-panel .room-heading strong{font-size:12px}}
.need-meter>span>svg{width:22px;height:22px;display:block;fill:#b3e5ef;stroke:#327b94;stroke-width:1.6}