.art-room{max-width:1200px;margin:auto;padding:18px}.room-heading{height:auto;min-height:0;padding:0 0 16px;border:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.room-heading h2{margin:0}.room-heading p,.room-shop p,.room-note{color:#776980;font-size:14px;line-height:1.6}.room-balance{white-space:nowrap;background:#fff0be;padding:14px;border-radius:20px}.room-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:24px}.room-main,.room-shop{min-width:0}.room-board{--wall:#e7dcff;position:relative;overflow:hidden;border:7px solid #fff;border-radius:28px;min-height:400px;background:linear-gradient(transparent 0 39%,#e1b998 39% 40%,#f5dbc3 40% 100%),repeating-linear-gradient(90deg,var(--wall) 0 24px,#ffffff55 24px 48px);box-shadow:0 8px 24px #7d5c9320}.room-board[data-wall=peach]{--wall:#ffdbd0}.room-board[data-wall=sky]{--wall:#d1eefa}.room-window{position:absolute;top:18px;left:22px;border:8px solid white;border-radius:24px;background:#bde5ff;padding:15px;font-size:30px;box-shadow:0 3px 0 #9884b830}.room-resident{position:absolute;top:10px;right:10%;width:35%;height:145px;pointer-events:none}.room-resident img,.room-resident svg{width:100%;height:100%;object-fit:contain}.room-slots{position:relative;margin:165px 14px 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.room-slot{min-height:65px;border:2px dashed #b2847140;border-radius:20px;background:#fff5;color:#af837080;font-size:34px;touch-action:manipulation}.room-slot[aria-pressed=true]{border:3px solid #ac72d1;background:#fff9}.room-status{min-height:26px;font-weight:700;line-height:1.6}.room-walls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.art-room button,.art-room select{min-height:44px;touch-action:manipulation;cursor:pointer}.room-wall[aria-pressed=true],.room-inventory [aria-pressed=true]{background:#e8d9ff;border-color:#aa7ad0}.room-art-label{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.room-art-select{max-width:100%;border:2px solid #e0d5eb;border-radius:12px;padding:8px;font:inherit;background:white}.room-shop{background:#fff9;border:1px solid #eee3f1;border-radius:24px;padding:18px}.room-shop h3{margin:4px 0 10px}.room-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}.room-buy{white-space:pre-line;border:2px solid #ecdff4;border-radius:18px;padding:15px 6px;background:#fff;font:inherit;line-height:1.8;font-weight:700}.room-buy:hover{background:#fff1fa}.room-inventory{display:flex;flex-wrap:wrap;gap:8px;font-size:14px}.room-note{font-size:12px}.art-room button:focus-visible,.art-room select:focus-visible{outline:3px solid #8850be;outline-offset:3px}@media(max-width:700px){.art-room{padding:10px}.room-layout{grid-template-columns:1fr;gap:16px}.room-heading{align-items:flex-start}.room-heading h2{font-size:21px}.room-heading p{font-size:12px}.room-balance{padding:10px;font-size:14px}.room-products{grid-template-columns:repeat(3,minmax(0,1fr))}.room-buy{font-size:13px}.room-board{min-height:390px}.room-window{left:10px;padding:10px}.room-resident{right:8%;width:40%}}