/* A little theatre wardrobe, within the existing house. */
.wardrobe{max-width:1000px;margin:auto;position:relative}.wardrobe-heading{max-width:720px}.wardrobe-heading h2{max-width:25ch}.wardrobe-companion{display:flex;align-items:center;gap:12px;max-width:460px;margin:4px 0 16px}.wardrobe-companion>div{width:72px;flex:none}.wardrobe-companion p{font-family:var(--serif);font-style:italic;margin:0;color:var(--muted)}.wardrobe-count{margin:10px 0}.garment-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:15px;background:#49372a;border:7px solid #806044;border-radius:35px 35px 6px 6px;box-shadow:inset 0 5px 12px #24180c5c}.garment{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;min-width:0;border:2px solid transparent;border-radius:4px;background:#f7edda;color:var(--ink);box-shadow:0 3px 7px #160b0840}.garment-art{display:block;flex:none;aspect-ratio:1;width:100%;background-image:url('/relationsspelet/assets/atmosphere/wardrobe.webp');background-size:400% 200%;background-position:var(--garment-x) var(--garment-y);transform-origin:50% 5%}.garment-caption{padding:10px;display:block}.garment-caption b{font-family:var(--serif);font-size:1rem;display:block;line-height:1.35}.garment-caption>span{font-size:.8rem;line-height:1.4;display:block;margin-top:6px}.garment-caption i{display:none;position:absolute;right:8px;top:8px;border-radius:50%;background:#f9f0dc;color:#314c39;width:29px;height:29px;text-align:center;font-style:normal;font-weight:bold;line-height:29px}.garment[aria-pressed=true]{border-color:#47624c;background:#e4ead9;box-shadow:0 0 0 2px #e3d4a6}.garment[aria-pressed=true] .garment-caption i{display:block}.garment:hover .garment-art{animation:garment-sway 1.2s ease-in-out}.garment:hover .garment-rock{animation:garment-rock 1s ease-in-out}.wardrobe .actions{border-top:1px solid var(--line);padding-top:18px}.wardrobe select{width:100%;max-width:480px;min-height:48px}.wardrobe-chair{margin-block:16px;color:var(--muted)}.chair-scene{display:flex;align-items:center;gap:18px;max-width:520px}.chair-scene .garment-art{width:100px;border-radius:25px 25px 3px 3px}.chair-scene p{font-size:.9rem;margin:0}.wardrobe-picked{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.wardrobe-picked figure{width:100px;margin:0}.wardrobe-picked .garment-art{border-radius:30px 30px 4px 4px}.wardrobe-picked figcaption{font-size:.82rem;line-height:1.4;margin-top:7px}.wardrobe-guess{border-left:2px solid var(--line);padding-left:14px}.wardrobe-echo{background:#eae8d9;padding:1px 18px;border-radius:5px}.house-room[data-room=wardrobe] .garment-art{aspect-ratio:1.7}.wardrobe-door{position:relative}.wardrobe-door::after{content:'↗';position:absolute;right:12px;bottom:8px;color:#fff8e6;font-size:1.5rem}.wardrobe .memory-check{margin-block:16px}
@keyframes garment-sway{0%,100%{transform:rotate(0)}35%{transform:rotate(1.3deg)}70%{transform:rotate(-.8deg)}}@keyframes garment-rock{0%,100%{transform:translateY(0)}45%{transform:translateY(-3px)}}
@media(max-width:760px){.garment-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:9px;border-width:5px;border-radius:22px 22px 4px 4px}.garment-caption{padding:9px}.garment-caption b{font-size:.91rem}.garment-caption>span{font-size:.76rem}.wardrobe-companion{margin-bottom:12px}.wardrobe-picked figure{width:80px}}
@media(prefers-reduced-motion:reduce){body:not(.allow-motion) .garment-art{animation:none!important}}.no-motion .garment-art{animation:none!important}
.garment-caption b,.wardrobe-picked figcaption{overflow-wrap:anywhere;hyphens:auto}