/* Decorating the room (home/decor.js): the button next to the bag, and the toolbar that takes the skill buttons' place. */
#decorBtn{pointer-events:auto;min-height:24px;padding:2px 9px;display:inline-flex;align-items:center;border-radius:9px;background:var(--hud);border:1px solid var(--hud-line);color:var(--ink);cursor:pointer}
#decorBtn[hidden]{display:none}
#decorBtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.decor #decorBtn{background:var(--gold);color:#3b2410;border-color:transparent}
body.decor #dock,body.decor #actBtn{display:none}
#decorBar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(520px,calc(100vw - 32px));box-sizing:border-box;padding:10px 12px;border-radius:14px;background:var(--hud);border:1px solid var(--hud-line);display:flex;flex-direction:column;gap:8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#decorBar[hidden]{display:none}
#decorHint{font-size:13px;text-align:center}
#decorBar .tools{display:flex;gap:8px}
#decorBar button{flex:1;min-height:42px;border-radius:9px;border:1px solid var(--hud-line);background:rgba(4,20,22,.45);color:var(--ink);font:600 14px 'Kanit',system-ui,sans-serif;cursor:pointer}
#decorBar button.done{background:var(--gold);color:#3b2410;border-color:transparent}
#decorItems{display:flex;flex-wrap:wrap;gap:6px;max-height:30vh;overflow:auto;font-size:13px}
#decorItems[hidden]{display:none}
#decorItems button{flex:0 0 auto;min-height:36px;padding:0 12px}