/* 換裝間（大廳的 👕）：分頁、小圖示方塊、色票。顏色和字型沿用 style.css 的變數；放在 style.css 後面載入，同樣的選擇器這裡蓋過去 */
.hpanel[data-kind="wardrobe"] .hp-body{gap:10px;padding-bottom:0}
/* 分頁：造型、頭髮、頭飾、臉、衣服、背後、顏色（小動物沒有頭髮，少一個）；往下捲的時候貼在上面 */
.wd-tabs{position:sticky;top:-2px;z-index:2;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;margin:0 -2px;padding:2px 2px 7px;background:var(--glass-solid)}
.wd-tabs button{min-height:38px;padding:0 2px;border-radius:10px;border:1px solid var(--line);background:rgba(21,35,45,.05);font-size:14px;white-space:nowrap;cursor:pointer}
.wd-tabs button[aria-pressed="true"]{background:var(--sign);border-color:var(--sign);color:var(--sign-ink);box-shadow:0 2px 0 rgba(21,35,45,.25)}
.wd-pane{display:grid;gap:11px;align-content:start}
/* 小圖示＋名字的方塊（圖示是表情符號） */
.wd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.wd-opt{display:grid;justify-items:center;align-content:center;gap:2px;min-height:58px;padding:5px 2px 4px;border-radius:10px;border:1.5px solid var(--line);background:rgba(255,255,255,.6);cursor:pointer;line-height:1.15;-webkit-tap-highlight-color:transparent}
.wd-opt i{font-style:normal;font-size:23px;line-height:1.1;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}
.wd-opt span{font-size:11.5px;color:var(--ink-soft);white-space:nowrap}
.wd-opt[aria-pressed="true"]{border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}
.wd-opt[aria-pressed="true"] span{color:var(--ink)}
/* 色票：「原」＝每個東西原本的顏色 */
.wd-sw button.def{background:repeating-linear-gradient(135deg,#fff 0 4px,#d9e1e5 4px 8px);font-size:12px;color:var(--ink-soft);display:grid;place-items:center}
.wd-btns .btn:first-child{background:rgba(255,255,255,.7)}
/* 手機：面板在下面，高一點才放得下一排方塊；標題省掉（上面的小牌子已經寫「換裝間」） */
@media (max-width:640px),(max-height:520px) and (max-width:900px){
  .hpanel[data-kind="wardrobe"]{max-height:54%;grid-template-rows:auto minmax(0,1fr)}
  .hpanel[data-kind="wardrobe"] .hp-title{display:none}
  .wd-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:5px}
  .wd-opt{min-height:54px}
  .wd-opt i{font-size:21px}
  .wd-opt span{font-size:11px}
}