:root{color-scheme:light;--ink:#594847;--muted:#8c7770;--paper:#f8f2ec;--border:#ded0c6;--wall:#ead6d5;--trim:#d2b8a9;--floor:#dfbd97;--floor-line:#aa805d}*{box-sizing:border-box}html{min-width:280px;background:var(--paper)}body{margin:0;color:var(--ink);font-family:ui-rounded,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}button:focus-visible,a:focus-visible{outline:3px solid #6d8c7e;outline-offset:3px}button:disabled{opacity:.3;cursor:default}button svg,a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.app{width:min(100%,1050px);height:100svh;min-height:560px;margin:auto;padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:grid;grid-template-rows:73px minmax(270px,1fr) 202px}header{display:flex;align-items:center;gap:8px}.heading{flex:1}.heading p{margin:0 0 5px;font-size:9px;font-weight:700;letter-spacing:.2em;color:#927b70}h1{font:400 24px/1.05 Georgia,serif;margin:0;letter-spacing:-.025em}.icon{height:44px;width:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:#fff9f0;color:var(--ink);text-decoration:none;flex-shrink:0}.back{background:none;border:0}.reset{min-height:44px;background:none;border:0;font-size:11px;color:#8b736b;text-decoration:underline;text-underline-offset:3px;padding:0 9px}.scene{position:relative;overflow:hidden;border:1px solid #d9c6bd;border-radius:24px;background:var(--wall);isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none}.world{height:100%;position:absolute;top:0;left:0;will-change:transform}.world>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.window-art{position:absolute;pointer-events:none;transform:translateX(-50%);filter:drop-shadow(0 5px 2px #98796d12)}.window-art svg{display:block;width:100%;height:100%}.object{position:absolute;display:block;transform:translate(-50%,-100%);padding:0;border:0;background:none;touch-action:none;cursor:grab;-webkit-touch-callout:none;min-width:44px;min-height:44px}.object.dragging{cursor:grabbing}.object:focus-visible{outline-offset:8px;border-radius:18px}.object img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform:translateY(var(--foot-offset));filter:drop-shadow(0 2px 1px #604c3b11)}.object.selected img{filter:drop-shadow(0 2px 1px #604c3b11) drop-shadow(0 0 3px #fff8e7a0)}.depth-label{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.02em;white-space:nowrap;pointer-events:none;color:#917b69;opacity:.8;z-index:2}.depth-label.far{top:56%}.depth-label.near{top:94%}.pan{position:absolute;top:16px;z-index:200000;background:#fff7edf0;box-shadow:0 2px 5px #76564708}.pan:disabled{opacity:.4}.pan#pan-left{left:12px}.pan#pan-right{right:12px}.scene-note{position:absolute;top:22px;left:65px;right:65px;text-align:center;pointer-events:none;font-size:10px;line-height:1.3;margin:0;color:#8d7679;z-index:200001}.camera-track{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:82px;height:4px;background:#b19a8233;border-radius:4px;pointer-events:none;z-index:200001}.camera-track span{position:absolute;left:0;top:0;width:50%;height:100%;background:#a88d7799;border-radius:4px}.controls{padding:7px 4px 0;min-width:0}.tabs{display:flex;align-items:center;gap:7px;height:37px;margin-bottom:5px}.tabs [role=tab]{min-height:34px;border:0;border-radius:11px;padding:0 14px;font-size:11px;background:none;color:#8c7770}.tabs [aria-selected=true]{background:#ecd8dd;color:#835b6b;font-weight:650}.guides{margin-left:auto;min-height:34px;border:1px solid transparent;border-radius:10px;background:none;font-size:10px;padding:0 9px;color:#8f7c76}.guides[aria-pressed=true]{border-color:#abc0b2;background:#e5ede4;color:#617e6a}.item-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:62px}.piece-card{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:13px;background:#fffbf5;padding:4px 8px;font-size:10px;line-height:1.15;min-width:0}.piece-card img{width:38px;height:43px;object-fit:contain;pointer-events:none}.piece-card[aria-pressed=true]{background:#e6eee5;border-color:#a2baa8;color:#52755e;box-shadow:inset 0 0 0 1px #b8ccba55}.piece-card span{max-width:60px}.move-row{display:flex;align-items:center;gap:4px;justify-content:space-between;height:49px}.move-row>span{font-size:10px;color:#8b786e;min-width:0}.move-buttons{display:flex;gap:3px;flex-shrink:0}.move-buttons button{height:44px;min-width:39px;border:0;border-radius:10px;background:none;font-size:16px;display:flex;align-items:center;justify-content:center;gap:3px}.move-buttons button span{font-size:9px}.move-buttons button:active{background:#e9ded2}.finish-row,.depth-row{display:flex;align-items:center;gap:5px;min-height:36px}.finish-row>span,.depth-row>span{font-size:10px;color:#8b786e;width:54px;flex-shrink:0}.swatches,#depth-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;flex:1}.swatches button,#depth-options button{min-height:34px;padding:0 6px;border:1px solid transparent;border-radius:10px;background:#fff9f1;font-size:10px;display:flex;align-items:center;justify-content:center;gap:5px}.swatches i{width:15px;height:15px;border-radius:5px;border:1px solid #0001;display:block;flex-shrink:0}.swatches button[aria-pressed=true],#depth-options button[aria-pressed=true]{border-color:#b69f8f;background:#efe4d9}.depth-row>span{font-size:9px}.status{font-size:10px;line-height:1.3;text-align:center;margin:4px 0 3px;min-height:14px;color:#8a756a}.footnote{font-size:8px;text-align:center;color:#a28e80;margin:0;line-height:1.4}[hidden]{display:none!important}body.is-dragging .scene-note{opacity:.4}body.is-panning .scene{cursor:grabbing}@media(min-width:650px) and (min-height:650px){.app{max-width:740px;grid-template-rows:80px minmax(300px,1fr) 205px}.controls{padding-left:25px;padding-right:25px}.piece-card{font-size:12px}.piece-card span{max-width:none}.scene-note{font-size:12px}.depth-label{font-size:12px}.status{font-size:11px}.tabs [role=tab]{font-size:12px}}@media(max-width:350px){.app{padding-left:9px;padding-right:9px;grid-template-rows:67px minmax(270px,1fr) 202px;min-height:546px}h1{font-size:21px}.heading p{font-size:8px}.controls{padding-left:0;padding-right:0}.piece-card{padding:3px 5px;gap:4px;font-size:9px}.piece-card img{width:30px;height:38px}.move-row>span{font-size:9px}.move-buttons{gap:0}.move-buttons button{min-width:34px}.move-buttons button span{font-size:8px}.scene-note{font-size:9px}.tabs [role=tab]{padding:0 10px}.guides{padding:0 6px}.status{font-size:9px}}@media(orientation:landscape) and (max-height:650px){.app{height:100svh;min-height:320px;grid-template-columns:minmax(0,1fr) 246px;grid-template-rows:57px minmax(0,1fr);gap:0 13px;padding-bottom:max(10px,env(safe-area-inset-bottom))}header{grid-column:1/-1}.heading{display:flex;gap:15px;align-items:baseline}.heading p{font-size:8px}h1{font-size:22px}.scene{grid-column:1;grid-row:2;border-radius:19px}.controls{grid-column:2;grid-row:2;padding:0;display:flex;flex-direction:column;justify-content:center}.tabs{gap:3px}.tabs [role=tab]{padding:0 8px;font-size:10px}.guides{font-size:9px;padding:0 5px}.item-tray{height:83px;gap:5px}.piece-card{flex-direction:column;gap:0;font-size:9px;padding:4px 2px}.piece-card img{width:40px;height:45px}.piece-card span{max-width:none}.move-row{height:auto;min-height:70px;flex-direction:column;gap:0;justify-content:center}.move-buttons{gap:7px}.move-buttons button{min-width:42px}.status{font-size:9px;min-height:26px}.scene-note{font-size:9px}.pan{top:11px}.depth-label{font-size:9px}.finish-row,.depth-row{min-height:44px}.swatches button,#depth-options button{min-height:40px;padding:0 4px;font-size:9px;gap:3px}.swatches i{width:11px;height:11px}.finish-row>span,.depth-row>span{width:43px;font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Fixed game HUD and compact overlays. Only furniture is draggable. */
.app{position:relative;grid-template-rows:73px minmax(270px,1fr) 68px}.menu-bar{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:7px;padding:7px 3px 0}.menu-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;border:0;border-radius:14px;background:none;font-size:10px}.menu-bar svg{width:23px;height:23px}.menu-bar button[aria-expanded=true]{background:#e8d8df;color:#815e72}.drawer{position:absolute;z-index:300000;left:max(17px,env(safe-area-inset-left));right:max(17px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom,0px));padding:12px 15px;border:1px solid #d6c6ba;border-radius:21px;background:#fffbf5f5;box-shadow:0 12px 45px #644b3b28;backdrop-filter:blur(9px);max-height:calc(100% - 165px);overflow:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}.drawer h2{font:400 22px Georgia,serif;margin:0}.drawer-header .icon{width:44px;height:44px;background:none;border:0}.panel-note{font-size:10px;line-height:1.4;color:#937c6d;margin:2px 0 9px}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inventory-card{border:1px solid #ded0c3;border-radius:13px;overflow:hidden;background:#fff8ef}.inventory-card.selected{border-color:#8da995;background:#edf1e7}.inventory-select{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;width:100%;min-height:85px;padding:5px;font-size:10px;line-height:1.15}.inventory-select img{width:48px;height:50px;object-fit:contain;pointer-events:none}.inventory-card.stored .inventory-select img{opacity:.45}.inventory-toggle{min-height:44px;width:100%;background:#eee4da;border:0;border-top:1px solid #ded0c3;font-size:10px}.inventory-card.stored .inventory-toggle{background:#dfe9da;color:#5a795b}.finish-row,.depth-row{min-height:46px}.finish-row>span,.depth-row>span{width:64px;font-size:10px}.swatches button,#depth-options button{min-height:42px}.setting{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px;font-size:12px}.setting input{width:23px;height:23px;accent-color:#8aa18a}.reset-room{min-height:44px;border:1px solid #d9c7b8;background:#f2e7dc;border-radius:12px;font-size:11px;width:100%;margin:8px 0}.house-map{position:relative;height:210px;margin:4px auto 7px;max-width:330px}.map-lawn{position:absolute;inset:20px 0 0;background:#aec5a4;border:7px solid #d4dfc7;border-radius:32px;box-shadow:inset 0 0 0 2px #94ae8c}.map-lawn:before,.map-lawn:after{content:"";position:absolute;width:25px;height:25px;bottom:12px;border-radius:50%;background:#94b28b;box-shadow:5px -12px 0 #acc69a,-4px -6px 0 #a4bd92}.map-lawn:before{left:5px}.map-lawn:after{right:5px}.map-roof{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:111px solid transparent;border-right:111px solid transparent;border-bottom:53px solid #b9978f;z-index:1;filter:drop-shadow(0 -4px #d1b2a3)}.house-grid{position:absolute;z-index:2;left:50%;top:49px;transform:translateX(-50%);width:208px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:8px;background:#f5e8d4;border:5px solid #e7cfaf;border-radius:5px 5px 11px 11px;box-shadow:0 4px #8a795927}.house-grid button{height:55px;border:1px solid #ddc7b8;border-radius:7px;background:#e9d8d4;font-size:11px}.house-grid button:nth-child(2){background:#d8e4e3}.house-grid button:nth-child(3){background:#e0d7e7}.house-grid button:nth-child(4){background:#e5dfcb}.house-grid button[aria-current=true]{outline:3px solid #6f916c;outline-offset:-3px;font-weight:700}.status-toast{position:absolute;left:20px;right:20px;bottom:82px;text-align:center;pointer-events:none;font-size:10px;color:#927a67;z-index:210000;margin:0;padding:5px;transition:opacity .15s}.app.menu-open .status-toast{opacity:0}.app.menu-open .scene-note{opacity:.45}.pan{transition:background .15s}.world.keyboard-pan{transition:transform .16s ease-out}.reduced-motion *{transition:none!important}@media(max-width:350px){.app{grid-template-rows:67px minmax(270px,1fr) 64px;min-height:440px}.drawer{left:12px;right:12px;bottom:71px;padding:9px 12px}.menu-bar{gap:3px}.menu-bar button{font-size:9px}.inventory-grid{gap:5px}.inventory-select{font-size:9px}.drawer h2{font-size:21px}.panel-note{font-size:9px}.house-map{height:205px}.status-toast{bottom:78px;font-size:9px}}@media(min-width:650px) and (min-height:650px){.app{max-width:900px;grid-template-rows:80px minmax(300px,1fr) 72px}.drawer{left:auto;right:24px;width:360px;bottom:83px}.menu-bar{max-width:520px;width:100%;margin:auto}.status-toast{bottom:88px}}@media(orientation:landscape) and (max-height:650px){.app{grid-template-columns:1fr;grid-template-rows:56px minmax(0,1fr) 60px;gap:0;min-height:320px}.scene{grid-column:1;grid-row:2}.menu-bar{grid-column:1;grid-row:3;max-width:480px;width:100%;margin:auto;padding-top:4px}.menu-bar button{min-height:49px;gap:2px;font-size:9px;flex-direction:row;gap:8px}.drawer{left:auto;right:22px;width:330px;bottom:73px;max-height:calc(100% - 95px);padding:8px 12px}.drawer-header{margin:0}.drawer h2{font-size:20px}.drawer-header .icon{height:36px;width:36px}.house-map{height:190px}.house-grid{top:45px}.house-grid button{height:46px}.map-roof{top:0}.inventory-select{min-height:70px}.inventory-select img{height:38px}.inventory-toggle{min-height:36px}.drawer .move-row{flex-direction:row;min-height:44px}.drawer .move-buttons{gap:0}.drawer .move-buttons button{min-width:32px}.panel-note{font-size:9px;margin-bottom:4px}.setting{min-height:36px}.finish-row,.depth-row{min-height:40px}.swatches button,#depth-options button{min-height:36px}.status-toast{bottom:73px;font-size:9px}}
.object img{position:absolute;left:50%;bottom:0;max-width:none;max-height:none;transform:translateX(-50%) translateY(var(--foot-offset));}.garden-map{position:absolute;z-index:3;bottom:4px;width:79px;min-height:44px;border:1px solid #95ae85;background:#c6d8b7;border-radius:10px;color:#5e7957;font-size:10px}.garden-one{left:3px}.garden-two{right:3px}.garden-map[aria-current=true]{outline:3px solid #6f916c;outline-offset:-3px}.map-lawn{bottom:3px}.house-map{height:242px}.house-grid{top:49px}.map-lawn:before,.map-lawn:after{bottom:44px}@media(orientation:landscape) and (max-height:650px){.house-map{height:220px}.garden-map{bottom:0}.house-grid{top:40px}.house-grid button{height:44px}}

.status-toast{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Room-first game viewport: HUD floats over the room rather than reserving dashboard rows. */
.app{display:block;max-width:1200px;min-height:440px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.app>header{position:absolute;z-index:220000;top:max(17px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));height:57px;border:1px solid #ffffff80;border-radius:16px;padding:3px 8px;background:#fff9eceb;box-shadow:0 2px 9px #684b3520;display:flex}.heading p{font-size:8px;margin-bottom:3px}h1{font-size:22px}.scene{height:100%;width:100%;border-radius:19px}.pan{top:79px}.scene-note{top:92px;font-size:10px}.menu-bar{position:absolute;z-index:220000;bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));width:auto;max-width:440px;height:57px;margin:0;padding:3px 5px;background:#fff8e9ed;border:1px solid #ffffff90;border-radius:14px;box-shadow:0 2px 12px #684b3520}.menu-bar button{min-height:48px;gap:2px;font-size:9px}.menu-bar svg{width:20px;height:20px}.drawer{bottom:max(85px,calc(env(safe-area-inset-bottom) + 65px));max-height:calc(100% - 170px)}.camera-track{bottom:79px}.depth-label.near{top:84%!important}.inventory-select{min-height:70px}.inventory-select img{height:40px;width:42px}.drawer .panel-note{font-size:9px}.drawer h2{font-size:21px}@media(orientation:landscape) and (max-height:650px){.app{min-height:320px}.app>header{height:50px;max-width:350px;right:auto;min-width:310px;top:14px}.heading{display:block}.heading p{font-size:7px}h1{font-size:20px}.scene{height:100%}.pan{top:72px}.scene-note{top:84px}.menu-bar{height:52px;max-width:430px;bottom:16px}.menu-bar button{min-height:44px;flex-direction:row;gap:6px}.drawer{bottom:78px;max-height:calc(100% - 95px)}.camera-track{bottom:73px}.depth-label.near{top:84%!important}}

/* Persistent touch-first house selector. Furniture/decor remain separate drawers. */
.mini-house{position:absolute;z-index:220001;left:18px;bottom:18px;width:112px;height:156px;background:#c4d4b7;border:2px solid #eff3df;border-radius:14px;padding:0 6px 4px;box-shadow:0 2px 9px #684b3520}.mini-roof{position:absolute;top:-7px;left:4px;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:25px solid #b18b83;filter:drop-shadow(0 -3px #e0c9b1)}.mini-rooms{position:relative;margin-top:15px;padding:4px;background:#f5e5ce;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;border-radius:5px}.mini-rooms button,.mini-gardens button{border:1px solid #cdb9ac;border-radius:5px;min-width:44px;min-height:44px;padding:0;background:#e8d4d0;font-size:11px}.mini-rooms button:nth-child(2){background:#d6e3e1}.mini-rooms button:nth-child(3){background:#dfd5e6}.mini-rooms button:nth-child(4){background:#e6dfc7}.mini-gardens{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:2px}.mini-gardens button{min-height:36px;background:#a8c298;border-color:#91ac7d;font-size:9px}.mini-house [aria-current=true]{box-shadow:inset 0 0 0 2px #587b55;font-weight:800;color:#3c6439}.menu-bar{left:140px;grid-template-columns:repeat(3,1fr);max-width:300px;gap:2px;padding:3px;bottom:18px}.menu-bar button{font-size:8px;min-width:44px}.drawer{bottom:184px;max-height:calc(100% - 274px)}.camera-track{bottom:82px;left:calc(50% + 44px)}
@media(min-width:650px){.drawer{bottom:86px}.mini-house{width:116px}.menu-bar{max-width:310px}}
@media(orientation:landscape) and (max-height:650px){.mini-house{bottom:16px;height:156px}.menu-bar{left:142px;bottom:16px}.menu-bar button{flex-direction:column;gap:1px}.drawer{bottom:80px;max-height:calc(100% - 96px)}}

/* Reference-led game-stage hierarchy: no outer card, compact top identity,
   room name and Expand together; map and horizontal inventory at the bottom. */
html,body{background:var(--wall)}.app{width:100%;max-width:none;padding:0;min-height:320px}.scene{border:0;border-radius:0}.app>header{top:5px;left:16px;right:14px;width:auto;max-width:none;min-width:0;height:92px;background:none;border:0;box-shadow:none;border-radius:0;align-items:flex-start;padding:0;pointer-events:none}.app>header .icon,.app>header .expand{pointer-events:auto}.app>header .back{width:32px;min-width:32px;height:36px}.heading{position:absolute;left:44px;top:7px;display:block;flex:none}.heading p{font-size:7px;color:#735d57;margin:0 0 5px}h1{font:600 18px/1.1 ui-rounded,system-ui,sans-serif;color:#5f5145;text-shadow:0 1px #fff9}.expand{display:block;margin:0 0 0 -8px;height:36px;min-width:100px;border:0;background:none;font-size:10px;font-weight:700;color:#526f43;text-align:left;padding:0 8px;text-shadow:0 1px #fff9}#header-settings{position:absolute;right:0;top:2px;width:38px;height:38px;background:#fff7e9cc}.pan{top:48%;transform:translateY(-50%);border-radius:12px;width:38px;background:#f7e1a3e8;border-color:#b79b5c;color:#795e2c}.scene-note{top:10px;left:180px;right:65px;font-size:9px}.mini-house{left:12px;bottom:10px;width:142px;height:110px;display:flex;gap:3px;padding:11px 4px 4px;border-radius:6px;border:1px solid #e5e9cd;box-shadow:0 1px 4px #6546;background:#c3d4aa}.mini-roof{left:3px;top:-8px;border-left-width:47px;border-right-width:47px;border-bottom-width:24px}.mini-rooms{margin:0;padding:3px;gap:2px;flex:none;grid-template-columns:44px 44px}.mini-rooms button{min-height:42px;height:42px;min-width:44px}.mini-gardens{margin:0;display:flex;flex-direction:column;gap:3px;justify-content:flex-end}.mini-gardens button{min-width:32px;min-height:43px;width:32px;border-radius:5px}.menu-bar{left:163px;right:auto;bottom:11px;width:156px;height:49px;max-width:none;background:#fff3cbdf;border-color:#dbc790;border-radius:7px;box-shadow:0 1px 4px #6543}.menu-bar button{font-size:8px;min-width:44px;min-height:43px;gap:1px}.menu-bar svg{width:18px;height:18px}.drawer{left:163px;right:12px;bottom:68px;max-height:calc(100% - 156px);width:auto;border-radius:8px;padding:7px 9px;background:#fff1cadf;border-color:#d8c188;box-shadow:0 2px 8px #6544;backdrop-filter:none}.drawer h2{font:600 12px system-ui}.drawer-header .icon{width:32px;height:32px;flex-shrink:0}.drawer .panel-note{font-size:8px;margin:2px 0 5px}.inventory-grid{display:flex;gap:5px;overflow-x:auto;padding-bottom:3px;scroll-snap-type:x proximity}.inventory-card{flex:0 0 76px;border-radius:5px;scroll-snap-align:start}.inventory-select{min-height:60px;font-size:9px}.inventory-select img{height:34px;width:40px}.inventory-toggle{min-height:36px;font-size:9px}.drawer .move-row{height:auto;min-height:42px;display:block}.drawer .move-row>span{display:block;font-size:9px;padding:4px 0}.drawer .move-buttons{justify-content:space-between;gap:0;overflow-x:auto}.drawer .move-buttons button{min-width:34px;height:36px;font-size:13px}.drawer .move-buttons button span{font-size:8px}.finish-row,.depth-row{display:block;padding:4px 0}.finish-row>span,.depth-row>span{display:block;width:auto;margin-bottom:4px;font-size:9px}.swatches button,#depth-options button{min-height:36px;font-size:9px}.camera-track{bottom:11px;left:calc(50% + 120px);opacity:.6}.depth-label.near{top:80%!important}
@media(min-width:650px){.app>header{left:17%;right:17%;height:90px}.heading{left:55px}.mini-house{left:17%;bottom:0}.menu-bar{left:calc(17% + 150px);bottom:4px}.drawer{left:calc(17% + 150px);right:auto;bottom:62px;width:min(450px,calc(83% - 162px));max-height:calc(100% - 155px)}.inventory-card{flex-basis:88px}.scene-note{left:43%;right:23%}.pan{width:44px}.camera-track{bottom:12px;left:auto;right:14px;transform:none}.drawer .move-row{display:flex;min-height:40px}.drawer .move-buttons{gap:4px}.drawer .move-buttons button{min-width:38px}.finish-row,.depth-row{display:flex}.finish-row>span,.depth-row>span{width:58px;margin:0}.mini-house .mini-rooms button{min-height:42px}}
@media(max-width:360px){.menu-bar{left:156px;width:154px}.mini-house{left:7px}.drawer{left:153px;right:7px;padding:6px}.heading{left:34px}.scene-note{left:165px;right:45px;font-size:8px}.drawer .move-buttons button{min-width:31px}.drawer .move-buttons button span{display:none}.drawer-header{gap:2px}}

.quick-inventory{position:absolute;z-index:220002;left:163px;right:10px;bottom:0;height:69px;display:flex;gap:4px;align-items:center;overflow-x:auto;padding:3px 5px;background:#fff0beed;border:1px solid #d7bd78;border-bottom:0;border-radius:5px 5px 0 0;scroll-snap-type:x proximity}.quick-inventory button{position:relative;flex:0 0 65px;height:59px;padding:2px;border:1px solid #d9c790;border-radius:4px;background:#fff8df;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:8px;scroll-snap-align:start}.quick-inventory img{width:38px;height:38px;object-fit:contain;pointer-events:none}.quick-inventory [aria-pressed=true]{border-color:#6c8e56;background:#e8edca;box-shadow:inset 0 0 0 1px #9cb17d}.quick-inventory .stored img{opacity:.4}.quick-inventory .stored:after{content:'+';position:absolute;right:4px;top:1px;font-size:15px;color:#547743}.menu-bar{bottom:75px;width:112px;grid-template-columns:repeat(2,1fr);background:none;border:0;box-shadow:none;padding:0;gap:4px}.menu-bar button{background:#fff0c9d9;border:1px solid #d6ba76;border-radius:6px;min-height:42px}.drawer{bottom:123px}.camera-track{bottom:75px}
@media(min-width:650px){.quick-inventory{left:calc(17% + 150px);right:auto;width:min(450px,calc(83% - 162px));height:66px}.menu-bar{left:17%;bottom:108px;width:112px}.drawer{bottom:75px;left:calc(17% + 150px)}.quick-inventory button{flex-basis:74px}.camera-track{bottom:12px}}
@media(min-width:650px) and (pointer:fine){.mini-house{height:94px;padding-top:11px}.mini-rooms{grid-template-columns:44px 44px}.mini-house .mini-rooms button{min-height:34px;height:34px}.mini-gardens button{min-height:35px;height:35px}.menu-bar{bottom:99px}}
@media(max-width:360px){.quick-inventory{left:156px;right:0;padding-left:3px;padding-right:3px}.quick-inventory button{flex-basis:62px}.menu-bar{left:157px}.drawer{bottom:122px}}
/* Keep interactive overlays out of phone cutouts; the room itself stays full bleed. */
.app>header{top:max(5px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right))}.mini-house{left:max(12px,env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom))}.quick-inventory{left:calc(163px + env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:env(safe-area-inset-bottom)}.menu-bar{left:calc(163px + env(safe-area-inset-left));bottom:calc(75px + env(safe-area-inset-bottom))}.drawer{left:calc(163px + env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(123px + env(safe-area-inset-bottom));max-height:calc(100% - 156px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.pan#pan-left{left:max(12px,env(safe-area-inset-left))}.pan#pan-right{right:max(12px,env(safe-area-inset-right))}
@media(min-width:650px){.app>header{left:max(17%,env(safe-area-inset-left));right:max(17%,env(safe-area-inset-right))}.mini-house{left:max(17%,env(safe-area-inset-left));bottom:env(safe-area-inset-bottom)}.menu-bar{left:max(17%,env(safe-area-inset-left));bottom:calc(108px + env(safe-area-inset-bottom))}.quick-inventory{left:calc(17% + 150px);right:auto;bottom:env(safe-area-inset-bottom)}.drawer{left:calc(17% + 150px);right:auto;bottom:calc(75px + env(safe-area-inset-bottom))}}
@media(min-width:650px) and (pointer:fine){.menu-bar{bottom:calc(99px + env(safe-area-inset-bottom))}}
@media(max-width:360px){.mini-house{left:max(7px,env(safe-area-inset-left))}.quick-inventory{left:calc(156px + env(safe-area-inset-left));right:env(safe-area-inset-right)}.menu-bar{left:calc(157px + env(safe-area-inset-left))}.drawer{left:calc(153px + env(safe-area-inset-left));right:max(7px,env(safe-area-inset-right));bottom:calc(122px + env(safe-area-inset-bottom))}}
.quick-inventory,.inventory-grid{overflow-y:hidden;scrollbar-width:thin}.quick-inventory::-webkit-scrollbar,.inventory-grid::-webkit-scrollbar{height:5px}.quick-inventory::-webkit-scrollbar-thumb,.inventory-grid::-webkit-scrollbar-thumb{background:#baa76f;border-radius:5px}.quick-inventory button{height:56px}.quick-inventory img{height:35px}

/* Shallow fixed illustrations: only artwork flips; no artificial floating drop shadow. */
.object img{transform:translateX(-50%) translateY(var(--foot-offset)) scaleX(var(--flip,1));filter:none!important}.scene-note,.depth-label{display:none!important}#shadows{opacity:.13}.item-popover{position:absolute;z-index:240000;width:196px;padding:6px 7px;background:#fff4dbea;border:1px solid #cbb983;border-radius:7px;box-shadow:0 2px 5px #59483022}.item-popover-title{display:flex;align-items:center;justify-content:space-between;min-height:21px;gap:5px}.item-popover strong{font:600 11px system-ui}.item-popover-title button{border:0;background:none;width:26px;height:25px;font-size:18px}.item-actions{display:flex;gap:4px;align-items:center}.item-actions button{height:38px;min-width:42px;padding:0 7px;border:1px solid #d3c191;border-radius:5px;background:#fff9e8;font-size:10px}.item-actions .move-handle{width:38px;min-width:38px;font-size:21px;touch-action:none;cursor:grab}.item-actions #put-away-item{flex:1}.item-actions [aria-pressed=true]{background:#e1ebd0;border-color:#92a77b}
/* V3: two opaque HUD boundaries. Only the scene is transformed/cropped. */
html,body{height:100%;overflow:hidden;background:#eee4d4}.app{--topbar:calc(clamp(72px,11svh,92px) + env(safe-area-inset-top));--bottombar:calc(clamp(122px,18svh,152px) + env(safe-area-inset-bottom));position:relative;height:100svh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar) minmax(0,1fr) var(--bottombar);gap:0;padding:0;overflow:hidden}.app>header{position:relative;grid-column:1;grid-row:1;top:auto;left:auto;right:auto;inset:auto;height:100%;width:100%;max-width:none;min-width:0;padding:0;background:#f4e6c8;border:0;border-bottom:2px solid #d6c399;box-shadow:none;border-radius:0;pointer-events:auto;z-index:220000}.app>header .back{position:absolute;left:max(12px,env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));height:44px;width:36px}.heading{left:max(60px,calc(48px + env(safe-area-inset-left)));top:calc(9px + env(safe-area-inset-top));display:block}.heading p{font-size:7px;margin:0 0 3px}h1{font-size:18px}.expand{height:30px;margin-top:1px}#header-settings{right:max(15px,env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));width:42px;height:42px;background:#fff5dd}.scene{grid-column:1;grid-row:2;height:100%;min-height:0;min-width:0;border:0;border-radius:0;background:#d8cfbd;overflow:hidden}.world{overflow:hidden}.pan{top:48%}.camera-track{bottom:10px;left:50%;right:auto;transform:translateX(-50%)}.bottom-hud{grid-column:1;grid-row:3;position:relative;z-index:220000;background:#efdfb8;border-top:2px solid #c9b581;overflow:hidden}.mini-house{left:max(10px,env(safe-area-inset-left));bottom:calc(7px + env(safe-area-inset-bottom));width:142px;height:104px;padding-top:11px}.mini-house .mini-rooms button{height:39px;min-height:39px}.mini-gardens button{height:39px;min-height:39px}.menu-bar{left:calc(163px + env(safe-area-inset-left));right:auto;bottom:calc(73px + env(safe-area-inset-bottom));height:42px;width:118px;max-width:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;border:0;background:none;box-shadow:none}.menu-bar button{min-height:40px;height:40px;display:flex;flex-direction:column;gap:0;background:#fff1ce}.quick-inventory{left:calc(163px + env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(5px + env(safe-area-inset-bottom));width:auto;height:64px;background:#fff0c7;overflow-y:hidden;overflow-x:auto}.quick-inventory button{flex-basis:66px;height:53px;flex-shrink:0}.quick-inventory img{height:33px}.drawer{left:calc(163px + env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(var(--bottombar) + 8px);width:auto;max-width:480px;max-height:calc(100% - var(--topbar) - var(--bottombar) - 16px);background:#fff1d0;backdrop-filter:none;overflow:auto}.item-popover{background:#fff4db}.inventory-grid{overflow-y:hidden}.scene-note,.depth-label{display:none!important}
@media(max-width:360px){.mini-house{left:5px;width:140px}.menu-bar{left:153px}.quick-inventory{left:153px;right:5px}.drawer{left:8px;right:8px;max-width:none}.quick-inventory button{flex-basis:60px}.heading{left:50px}}
@media(orientation:landscape) and (max-height:650px){.app{--topbar:calc(56px + env(safe-area-inset-top));--bottombar:calc(112px + env(safe-area-inset-bottom))}.heading{top:5px;left:58px}.heading p{display:none}h1{font-size:16px}.expand{height:27px;margin-top:0}.app>header .back{top:6px}#header-settings{top:6px}.mini-house{height:100px;bottom:3px}.mini-house .mini-rooms button{height:37px;min-height:37px}.mini-gardens button{height:37px;min-height:37px}.menu-bar{bottom:67px}.quick-inventory{height:59px;bottom:4px}.drawer{left:163px;max-width:480px;padding:5px 8px}.drawer .panel-note{display:none}.drawer .inventory-select{min-height:45px}.drawer .inventory-select img{height:26px}.drawer .inventory-toggle{min-height:32px}.drawer .move-row{display:none}}
@media(orientation:landscape) and (max-height:650px){.mini-house{bottom:calc(3px + env(safe-area-inset-bottom))}.menu-bar{bottom:calc(67px + env(safe-area-inset-bottom))}.quick-inventory{bottom:calc(4px + env(safe-area-inset-bottom))}}

/* The mat's unchanged SVG is a texture on the actual floor plane, not a rotated billboard. */
.object.floor-attached img{left:0;top:0;bottom:auto;transform-origin:0 0;object-fit:fill;backface-visibility:hidden}
/* Session-only test shop and per-copy size controls, outside the world camera. */
.test-wallet{position:absolute;right:70px;top:17px;text-align:right;color:#785d28;line-height:1.1}.test-wallet span{display:block;font-size:7px;font-weight:800;letter-spacing:.08em}.test-wallet strong{display:block;font-size:18px;margin-top:3px;font-variant-numeric:tabular-nums}.menu-bar{width:162px;grid-template-columns:repeat(3,1fr)}.menu-bar button{font-size:8px}.quick-inventory button b{position:absolute;top:1px;right:3px;min-width:16px;padding:1px 3px;background:#e7d5a2;border-radius:5px;font-size:9px;font-weight:700}.quick-inventory .stored:after{content:none}.inventory-card{flex-basis:102px}.inventory-count{display:block;text-align:center;min-height:22px;padding:3px 2px;font-size:8px;color:#7c6c50}.inventory-toggle{min-height:40px}.inventory-toggle:disabled{opacity:.5}.shop-tabs{display:flex;gap:5px;margin:3px 0 7px}.shop-tabs button{min-height:38px;flex:1;border:1px solid #d7c493;background:#fff7df;border-radius:6px;font-size:11px}.shop-tabs [aria-pressed=true]{background:#dfe9ce;border-color:#99ae83}.shop-grid{display:grid;gap:6px}.shop-card{display:grid;grid-template-columns:50px minmax(0,1fr) 55px;gap:7px;align-items:center;background:#fff9e7;border:1px solid #dfcfac;border-radius:7px;padding:7px}.shop-card>img{width:48px;height:62px;object-fit:contain}.shop-card strong{font-size:11px}.shop-card p{font-size:9px;line-height:1.3;margin:4px 0;color:#8b795e}.shop-card span{font-size:10px;font-weight:700;color:#89702e}.shop-card button{height:42px;border:1px solid #9fb288;border-radius:6px;background:#e4eccf;font-size:10px}.shop-card button:disabled{opacity:.55}.size-controls{display:flex;align-items:center;justify-content:space-between;gap:3px;margin:3px 0 5px}.size-controls>span{font-size:10px}.size-controls button{width:40px;height:40px;border:1px solid #d4c293;border-radius:5px;background:#fff9e8;font-size:20px;padding:0}.size-controls output{font-size:11px;font-weight:700;min-width:34px;text-align:center;font-variant-numeric:tabular-nums}.size-hint{margin:0 0 5px;font-size:9px;color:#8b623b}.object:not(.floor-attached) img{transform:translateX(var(--anchor-offset,-50%)) translateY(var(--foot-offset)) scaleX(var(--flip,1))}.item-popover{width:212px}.drawer[data-panel=shop]{max-width:480px}.drawer[data-panel=shop] .panel-note{display:block}.shop-empty{font-size:11px;padding:16px 7px;color:#88755c}
@media(max-width:500px){.drawer{left:8px;right:8px;max-width:none;width:auto}.test-wallet{top:16px}.inventory-card{flex-basis:99px}.drawer[data-panel=shop]{max-height:min(340px,calc(100% - var(--topbar) - var(--bottombar) - 16px))}}
@media(orientation:landscape) and (max-height:650px){.test-wallet{top:9px}.test-wallet strong{font-size:17px}.shop-card{grid-template-columns:38px minmax(0,1fr) 55px;padding:4px 6px}.shop-card>img{height:38px;width:36px}.shop-card p{display:none}.shop-tabs button{min-height:32px}.shop-tabs{margin:0 0 4px}.drawer[data-panel=shop]>.drawer-header{height:30px}.drawer[data-panel=shop] .panel-note{font-size:8px;margin:1px 0 3px}}
/* Four indoor rooms under one small roof; two garden plots outside it. */
.mini-house{background:none;border:0;box-shadow:none;gap:3px;padding-left:2px;padding-right:2px}.mini-house .mini-roof{border:0;filter:none;left:-1px;top:-14px;width:110px;height:38px;z-index:1}.mini-roof svg{display:block;width:110px;height:38px}.mini-rooms{border:2px solid #c6a481;background:#f6e5c9;border-radius:5px 5px 9px 9px;box-shadow:0 2px 0 #b69f7733;z-index:2}.mini-rooms button{border-color:#cdb8a0;border-radius:6px}.mini-gardens{padding:3px 1px;background:#c8dba9;border:1px solid #a7bf88;border-radius:9px;z-index:2}.mini-gardens button{background:#b2cd91;border-color:#91ae71}.mini-house [aria-current=true]{box-shadow:inset 0 0 0 2px #547b53;background:#e5efd5;color:#365b35}#fence{stroke-width:7}

/* V5.1: the shop chrome never belongs to the scrolling catalog. */
.drawer[data-panel="shop"]{display:flex;flex-direction:column;overflow:hidden;max-height:min(440px,calc(100% - var(--topbar) - var(--bottombar) - 16px));}
.drawer[data-panel="shop"] .drawer-header{flex:0 0 auto;}
#shop-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;}
#shop-panel .shop-tabs,#shop-panel .shop-disclaimer{flex:0 0 auto;}
.shop-catalog-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-right:4px;scrollbar-gutter:stable;}
.menu-bar .shop-nav{padding-top:0;gap:0;}
.menu-bar .shop-nav img{display:block;width:36px;height:34px;object-fit:contain;pointer-events:none;}
@media(max-height:500px){.menu-bar .shop-nav img{height:29px;width:32px;}}

.shop-card .shop-owned{margin:4px 0 0;color:#4c674d;font-size:10px;font-weight:650;}

/* Approved illustration, untouched; real room cells sit inside its alpha apertures. */
.app{--bottombar:calc(clamp(140px,18svh,152px) + env(safe-area-inset-bottom));}
.bottom-hud{background:#563820;border-top:3px solid #7c5635;box-shadow:inset 0 3px 0 #9b754749;color:#f4e1bc;}
.illustrated-house{position:relative;aspect-ratio:1417/1030;}
.mini-house.illustrated-house{display:block;width:170px;height:auto;align-self:end;margin:0;padding:0;border:0;background:none;box-shadow:none;grid-template-columns:none;}
.illustrated-house .house-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none;}
.illustrated-house .area-tile{display:block;position:absolute;z-index:1;border-radius:5px;box-shadow:0 0 0 1px currentColor;}
.illustrated-house .area-tile.active{background:#f6f0c9!important;}
.illustrated-house .area-control{position:absolute;z-index:3;transform:translate(-50%,-50%);min-width:0;min-height:0;padding:0;border:0;border-radius:3px;background:transparent;box-shadow:none;color:#57351e;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;line-height:1;font-weight:750;}
.illustrated-house .area-control[aria-current=true]{background:transparent;box-shadow:inset 0 0 0 2px #547439;}
.illustrated-house .area-lock{width:8px;height:9px;stroke:#7d613b;stroke-width:2;fill:#cfb07a;pointer-events:none;}
.illustrated-house .house-zoom{position:absolute;left:58%;top:17%;transform:translate(-50%,-50%);width:28px;height:28px;min-width:0;min-height:0;border:0;background:transparent;z-index:4;}
.bottom-hud{grid-template-columns:170px minmax(0,1fr);}
.bottom-hud .menu-bar button{color:#594332;background:#f5e5bd;}
.bottom-hud .quick-inventory{background:#efe0b9;}
.large-house{position:absolute;z-index:300001;left:8px;bottom:calc(var(--bottombar) + 8px);width:min(420px,calc(100% - 16px));background:#f6ead2;border:2px solid #a78255;border-radius:12px;padding:6px;box-shadow:0 8px 22px #2b1b2340;color:#57351e;}
.large-house-heading{display:flex;align-items:center;justify-content:space-between;padding-left:8px;}
.large-house-heading button{width:40px;height:40px;border:0;background:none;font-size:24px;}
.large-house .area-control{font-size:18px;min-width:40px;min-height:40px;}
.large-house .area-lock{width:12px;height:13px;}
.unlock-actions{display:flex;gap:8px;justify-content:flex-end;}
.unlock-actions button{min-height:44px;padding:0 18px;border:1px solid #bba77e;border-radius:8px;background:#f7edcf;}
#confirm-unlock{background:#d8e5c3;}
@media(max-width:350px){.bottom-hud{grid-template-columns:148px minmax(0,1fr);}.mini-house.illustrated-house{width:148px;}.bottom-hud .menu-bar{gap:3px;}.bottom-hud .menu-bar button{min-width:0;padding:0 2px;font-size:8px;}}
@media(max-height:500px){.app{--bottombar:calc(112px + env(safe-area-inset-bottom));}.bottom-hud{grid-template-columns:135px minmax(0,1fr);}.mini-house.illustrated-house{width:135px;}.large-house{width:280px;}.large-house .area-control{font-size:14px;min-width:32px;min-height:32px;}}
.bottom-hud .mini-house.illustrated-house{position:absolute;left:max(10px,env(safe-area-inset-left));top:auto;bottom:calc(6px + env(safe-area-inset-bottom));}
.bottom-hud .menu-bar{left:190px;right:auto;width:min(162px,calc(100% - 198px));}
.bottom-hud .quick-inventory{left:190px;right:8px;color:#594332;}
.bottom-hud .quick-inventory button{color:#594332;}
.illustrated-house .area-control:not(.locked) .area-lock{display:none;}
@media(max-width:350px){.bottom-hud .mini-house.illustrated-house{left:5px;}.bottom-hud .menu-bar{left:161px;width:calc(100% - 166px);}.bottom-hud .quick-inventory{left:161px;right:5px;}}
@media(max-height:500px){.bottom-hud .mini-house.illustrated-house{left:8px;bottom:3px;}.bottom-hud .menu-bar,.bottom-hud .quick-inventory{left:153px;}.bottom-hud .menu-bar{width:162px;}}

.new-placement-actions{display:flex;gap:4px;margin:5px 0;}.new-placement-actions button{min-height:40px;border:1px solid #b5b890;border-radius:7px;background:#e4edcc;padding:0 8px;font-size:10px;}.new-placement-actions button+button{background:#fff3d9;}

.object.hybrid-object img{bottom:auto;left:0;top:0;transform:none;object-fit:fill;max-width:none;max-height:none;filter:none!important}

.shop-colors{grid-column:1/-1;font-size:10px}.shop-colors>span{font-size:10px;font-weight:500}.shop-colors>div{display:flex;flex-wrap:wrap;gap:2px;margin-top:4px}.shop-colors button{width:44px;height:44px;min-width:44px;border:1px solid #d4c49f;background:#fff9e7;display:grid;place-items:center}.shop-colors i{display:block;width:26px;height:26px;border-radius:50%;border:1px solid #796b5644}.shop-colors [aria-pressed=true]{outline:2px solid #75623b;outline-offset:-3px;background:#f4e7bd}.shop-card .shop-preview{height:66px}

.hybrid-preview{pointer-events:none}.hybrid-preview img{max-width:none!important;max-height:none!important}.quick-inventory button .hybrid-preview{padding:0;line-height:normal}

.quick-inventory button:disabled{opacity:.65;cursor:default}.inventory-select:disabled{opacity:.55;cursor:default}

.house-zoom{width:44px;height:44px;top:10%}

.shop-purchase{align-self:center;text-align:center}.shop-purchase>button{width:100%}.shop-purchase .shop-owned{font-size:9px;font-weight:700;color:#6a593b;margin:5px 0 0;white-space:nowrap}

/* Draft 6: opaque matching wood menu boundaries; world camera is unchanged. */
.app>header{background:#563820;border-bottom-color:#382416;color:#fff3d6}.heading p{color:#efdab5}.heading h1{color:#fff3d6}.app>header .back{color:#fff3d6}.app>header .expand{color:#fff0ca;background:#6b492b;border-color:#a78659}.app>header .test-wallet{color:#fff3d6}.app>header .test-wallet span{color:#efdab5}

/* Draft 7: smaller phone map with one usable opener; exact approved frame retained. */
.inventory-tabs{display:flex;gap:4px;margin:6px 0}.inventory-tabs button{flex:1;min-height:44px;border:1px solid #d5c296;background:#fbf0d0;border-radius:6px;font-size:11px}.inventory-tabs [aria-pressed=true]{background:#dce6c4;border-color:#9aad7b}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.swatches button{font-size:10px}.finish-row{align-items:flex-start;margin:12px 0}.finish-row>span{padding-top:13px}.drawer[data-panel=inventory]{display:flex;flex-direction:column;overflow:hidden}.drawer[data-panel=inventory] .drawer-header,.inventory-tabs{flex-shrink:0}#inventory-panel{min-height:0;display:flex;flex-direction:column}#inventory-content{overflow:auto;min-height:0}.bottom-hud .menu-bar{grid-template-columns:repeat(2,1fr);width:110px}
@media(max-width:600px){.bottom-hud .mini-house.illustrated-house{width:110px;left:max(6px,env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom))}.bottom-hud .menu-bar,.bottom-hud .quick-inventory{left:calc(124px + env(safe-area-inset-left))}.bottom-hud .menu-bar{width:110px}.mini-house.illustrated-house .area-control{pointer-events:none;font-size:8px}.mini-house .area-lock{width:6px;height:7px}.mini-house.illustrated-house .house-zoom{inset:0;transform:none;width:100%;height:100%;min-width:44px;min-height:44px;border-radius:8px}.large-house{width:calc(100% - 16px);max-width:420px}.large-house .area-control{min-width:44px;min-height:44px;font-size:16px}.large-house-heading button{min-width:44px;min-height:44px}}

/* Draft 7 phone density: world stays clipped between opaque wood bars. */
.app{--topbar:calc(70px + env(safe-area-inset-top));--bottombar:calc(158px + env(safe-area-inset-bottom))}.room-location{position:absolute;top:10px;left:16px;z-index:210000;pointer-events:none;color:#543b2a;text-shadow:0 1px 1px #fff8}.room-location h1{font-size:21px}.room-location .expand{pointer-events:auto;margin-top:5px;background:#fff3d7d9;border:1px solid #be9e65;border-radius:5px;min-height:28px;font-size:10px;padding:3px 8px}.level-preview{position:absolute;top:calc(10px + env(safe-area-inset-top));left:12px;display:flex;align-items:center;gap:6px;color:#f8e7c6}.level-value{width:44px;height:44px;border:1px solid #b99258;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:20px;background:#7c5635}.level-preview>div>span{font-size:8px}.xp-track{height:9px;width:90px;border:1px solid #bd9e6e;border-radius:8px;background:#372719;margin-top:5px}.xp-track i{display:block;width:0;height:100%}.test-wallet{right:65px}.release-marker{position:absolute;left:9px;bottom:2px;font-size:7px;color:#dbc39d;white-space:nowrap}.bottom-hud .mini-house.illustrated-house{bottom:20px}.bottom-hud .menu-bar{bottom:calc(100px + env(safe-area-inset-bottom))}.bottom-hud .quick-inventory{bottom:calc(14px + env(safe-area-inset-bottom));height:80px}#quick-empty{position:absolute;left:124px;right:8px;bottom:36px;text-align:center;color:#dcc5a0;font-size:11px}.shop-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.shop-card{display:flex!important;flex-direction:column;gap:5px;padding:6px 4px;text-align:center;min-width:0}.shop-card>strong{font-size:11px;line-height:1.2;min-height:27px}.shop-card>.shop-preview{width:100%!important;height:78px!important;object-fit:contain}.shop-card>.hybrid-preview{width:48px!important}.shop-price{font-size:10px}.shop-purchase{width:100%}.shop-purchase>button{min-height:44px;min-width:44px;padding:0 4px;font-size:11px}.shop-purchase .shop-owned{white-space:normal;font-size:9px;line-height:1.15;margin:4px 0 0}.shop-catalog-scroll{padding:0 1px}.drawer[data-panel=shop]{left:6px;right:6px;max-width:620px;padding:8px 6px}.shop-tabs button{min-width:0;padding:4px;font-size:10px}.shop-tabs{gap:4px}.drawer[data-panel=purchase]{max-width:360px}#purchase-preview{height:132px;display:grid;place-items:center;margin:8px 0}#purchase-preview>img{max-height:125px;max-width:190px;object-fit:contain}#purchase-title{display:block;text-align:center}#purchase-price{text-align:center;font-size:12px;margin:6px}.purchase-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.purchase-colors button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:54px;border:1px solid #cbb583;border-radius:7px;background:#fff7e1;font-size:10px}.purchase-colors i{width:25px;height:25px;border-radius:50%;border:1px solid #0002}.purchase-colors [aria-pressed=true]{outline:2px solid #78915b;background:#e7efd9}#confirm-purchase{background:#d9e7c5}#purchase-preview .hybrid-preview{transform:scale(1.7);transform-origin:center}
@media(max-width:350px){.level-preview{left:8px;gap:4px}.xp-track{width:65px}.level-preview>div>span{font-size:7px}.test-wallet{right:60px}.drawer[data-panel=shop]{padding:7px 5px}.shop-grid{gap:4px}.shop-card>strong{font-size:10px}.shop-card>.shop-preview{height:66px!important}}
@media(orientation:landscape) and (max-height:500px){.app{--topbar:54px;--bottombar:106px}.level-preview{top:5px}.room-location{top:6px}.room-location h1{font-size:17px}.bottom-hud .menu-bar{bottom:57px}.bottom-hud .quick-inventory{height:47px;bottom:7px}.bottom-hud .mini-house.illustrated-house{width:100px;bottom:15px}.quick-inventory button{height:40px}.quick-inventory img{height:24px}.release-marker{font-size:6px}}

.shop-card[hidden]{display:none!important}.drawer[data-panel=purchase]{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100% - var(--topbar) - var(--bottombar) - 16px)}.drawer[data-panel=purchase] .drawer-header{flex-shrink:0}#purchase-panel{overflow:auto;min-height:0;padding:0 2px 3px}#purchase-preview{height:94px;margin:4px 0}#purchase-preview>img{max-height:90px}#purchase-price{margin:4px}.purchase-colors{margin:7px 0;gap:5px}.purchase-colors button{min-height:48px;padding:3px}.purchase-colors i{width:22px;height:22px}
@media(max-width:350px){#purchase-preview{height:76px}#purchase-preview>img{max-height:72px}.purchase-colors button{min-height:44px;font-size:9px}.purchase-colors i{width:20px;height:20px}#purchase-title{font-size:13px}#purchase-price{font-size:10px}.drawer[data-panel=purchase]{padding:7px 9px}}

/* Draft 7 recovery: stored-only quantity must remain visible in landscape too. */
.shop-purchase .shop-owned{display:block}


/* User-approved interim natural-v2 artwork: transparent silhouettes, invisible touch targets.
   Current controls only; no care/social controls or new mechanics are introduced. */
.art-control,.art-label{--control-art:none}
.art-v2-shop{--control-art:url("assets/ui-natural-v2-shop.webp")}
.art-v2-inventory{--control-art:url("assets/ui-natural-v2-inventory.webp")}
.art-v2-furniture{--control-art:url("assets/ui-natural-v2-furniture.webp")}
.art-v2-decorations{--control-art:url("assets/ui-natural-v2-decorations.webp")}
.art-v2-pet-items{--control-art:url("assets/ui-natural-v2-pet-items.webp")}
.art-v2-plants{--control-art:url("assets/ui-natural-v2-plants.webp")}
.art-v2-walls{--control-art:url("assets/ui-natural-v2-walls.webp")}
.art-v2-floor{--control-art:url("assets/ui-natural-v2-floor.webp")}
.art-v2-left{--control-art:url("assets/ui-natural-v2-left.webp")}
.art-v2-right{--control-art:url("assets/ui-natural-v2-right.webp")}
.art-v2-settings{--control-art:url("assets/ui-natural-v2-settings.webp")}
.art-v2-house{--control-art:url("assets/ui-natural-v2-house.webp")}
.art-v2-expand{--control-art:url("assets/ui-natural-v2-expand.webp")}
.art-v2-move{--control-art:url("assets/ui-natural-v2-move.webp")}
.art-v2-flip{--control-art:url("assets/ui-natural-v2-flip.webp")}
.art-v2-put-away{--control-art:url("assets/ui-natural-v2-put-away.webp")}
.art-v2-confirm{--control-art:url("assets/ui-natural-v2-confirm.webp")}
.art-v2-close{--control-art:url("assets/ui-natural-v2-close.webp")}
.art-v2-unlock{--control-art:url("assets/ui-natural-v2-unlock.webp")}
.art-v2-reset{--control-art:url("assets/ui-natural-v2-reset.webp")}

.art-control::before,.art-label::before,button[data-buy]::before,button[data-place]::before{content:"";display:block;width:30px;height:30px;flex:0 0 auto;background:var(--control-art) center/contain no-repeat;pointer-events:none}
button.art-control,button[data-buy],button[data-place]{min-width:44px;min-height:44px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:5px;padding:2px 6px;line-height:1.1}
button.art-control:focus-visible,button[data-buy]:focus-visible,button[data-place]:focus-visible{outline:2px solid #1f74bb;outline-offset:2px}
button.art-control:active::before,button[data-buy]:active::before,button[data-place]:active::before{transform:scale(.93)}
button.art-only{width:44px;height:44px;min-width:44px;padding:3px;gap:0}
button.art-only::before{width:36px;height:36px}
button.art-row{flex-direction:row;font-size:11px;font-weight:650}
button.art-stack,button.art-category{flex-direction:column;gap:2px;font-size:10px}
button.art-category{min-height:52px;padding:2px 4px;flex:1}
button.art-category::before{width:32px;height:32px}
button.art-category[aria-pressed=true]{font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.art-label{display:flex;align-items:center;gap:5px}.art-label::before{width:24px;height:24px}
.finish-row>.art-label{padding-top:0;flex-direction:column;gap:3px;min-height:44px;justify-content:center}
.large-house-heading>.art-label{font-size:14px}
.bottom-hud .menu-bar{left:max(6px,env(safe-area-inset-left));bottom:calc(102px + env(safe-area-inset-bottom));height:48px;width:110px;gap:2px}
.bottom-hud .menu-bar button{height:48px;min-height:48px;padding:0 2px;color:#fff3dd;font-size:9px}
.bottom-hud .menu-bar button::before{height:35px;width:40px}
.bottom-hud .menu-bar button[aria-expanded=true]{text-decoration:underline;text-underline-offset:2px;font-weight:800}
.bottom-hud .mini-house.illustrated-house{width:110px;left:max(6px,env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom))}
.bottom-hud .quick-inventory{left:calc(124px + env(safe-area-inset-left))}
.pan.art-only{background:none!important;box-shadow:none!important}
.room-location .expand.art-control{min-height:44px;height:auto;padding:1px 0;margin-top:0;font-size:10px;justify-content:flex-start}
.room-location .expand.art-control::before{width:26px;height:26px}
#header-settings.art-only::before{width:38px;height:38px}
.drawer-header .art-only{flex-shrink:0}
.item-popover .item-actions{display:flex;gap:2px;justify-content:space-between}
.item-actions .art-control{flex:1;min-height:54px;height:auto;font-size:9px;padding:2px}
.item-actions .art-control::before{width:29px;height:29px}
.item-popover-title .art-only{flex-shrink:0}
.new-placement-actions button.art-control{flex:1;font-size:9px;gap:3px;padding:2px}
.new-placement-actions button.art-control::before{width:23px;height:23px}
.unlock-actions .art-control{padding:2px 7px;min-height:44px;max-width:70%;white-space:normal}
.unlock-actions .art-control::before{width:26px;height:26px}
.shop-tabs{gap:2px;margin:1px 0 6px}.inventory-tabs{gap:2px;margin:3px 0 6px}
button[data-buy]{--control-art:url("assets/ui-natural-v2-shop.webp");flex-direction:row;font-size:11px;font-weight:750}
button[data-buy]::before{width:24px;height:24px}
button[data-place]{--control-art:url("assets/ui-natural-v2-confirm.webp");font-size:10px;gap:3px;padding:2px}
button[data-place]::before{width:22px;height:22px}
@media(orientation:landscape) and (max-height:500px){
 .bottom-hud .menu-bar{left:124px;bottom:56px;height:44px}.bottom-hud .menu-bar button{height:44px;min-height:44px;font-size:8px}.bottom-hud .menu-bar button::before{height:31px;width:36px}
 .bottom-hud .mini-house.illustrated-house{width:100px;bottom:15px}
 button.art-category{min-height:44px;height:44px;flex-direction:row;font-size:10px}.art-category::before{width:28px;height:28px}
 .room-location .expand.art-control{min-height:44px}.shop-tabs{margin-bottom:3px}
}

/* Owner-requested narrow HUD distinction; keep transparent art and slot positions. */
.bottom-hud .menu-bar{background:#342113;border:0;border-radius:0;box-shadow:inset 0 1px #8c6740,inset 0 -1px #24160d}
#quick-inventory{scrollbar-color:#b88e5b #4a301d;scrollbar-width:thin}
#quick-inventory::-webkit-scrollbar{height:8px;background:#4a301d}
#quick-inventory::-webkit-scrollbar-track{background:#4a301d;border-radius:6px}
#quick-inventory::-webkit-scrollbar-thumb{background:#b88e5b;border:2px solid #4a301d;border-radius:6px}
#quick-inventory::-webkit-scrollbar-thumb:hover{background:#d1aa77}
#quick-inventory::-webkit-scrollbar-button{display:none}

/* Owner-requested centered coin balance, with session disclosure retained in Settings. */
.test-wallet{left:50%;right:auto;transform:translateX(-50%);top:10px;width:78px;min-height:50px;padding:5px 7px;box-sizing:border-box;text-align:center;border:1px solid #b99258;border-radius:7px;background:#342113;color:#fff3dd}
.test-wallet span{font-size:8px;letter-spacing:.06em}.test-wallet strong{font-size:18px;margin-top:4px}.xp-track{width:80px}
@media(max-width:350px){.xp-track{width:56px}}
@media(orientation:landscape) and (max-height:500px){.test-wallet{top:5px;min-height:44px;padding:3px 7px}.test-wallet strong{font-size:17px;margin-top:3px}}

/* Explicit care actions: separate from moving; clear labels and invisible generous targets. */
.item-care{display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid #d6c399;padding:2px 0}
.item-care[hidden],.item-care button[hidden]{display:none}
#item-care-status{font-size:10px;line-height:1.3;color:#594024}
.care-action{min-width:72px;min-height:44px;padding:4px 7px;border:0;border-radius:0;background:transparent;color:#3d582f;font:700 11px system-ui;text-decoration:underline;text-underline-offset:3px}
.care-action[aria-disabled=true]{color:#75634a;text-decoration:none}
.care-action:focus-visible{outline:2px solid #1f74bb;outline-offset:1px}

.care-overlay{pointer-events:none!important;user-select:none}

/* Pure display animation only: never drives dirt, consumption, fees or state. */
.care-stink{animation:care-smell 3.8s ease-in-out infinite}
.care-fly-1{animation:care-fly-a 2.4s ease-in-out infinite}
.care-fly-2{animation:care-fly-b 2.9s ease-in-out infinite -.8s}
.care-fly-3{animation:care-fly-a 3.2s ease-in-out infinite -1.6s;animation-direction:reverse}
@keyframes care-smell{0%,100%{translate:0 0}50%{translate:0 -2%}}
@keyframes care-fly-a{0%,100%{translate:0 0}25%{translate:38% -25%}50%{translate:68% 12%}75%{translate:20% 34%}}
@keyframes care-fly-b{0%,100%{translate:0 0}25%{translate:-45% 20%}50%{translate:-70% -15%}75%{translate:-25% -40%}}
.reduced-motion .care-animated{animation:none!important;translate:0 0!important}
@media(prefers-reduced-motion:reduce){.care-animated{animation:none!important;translate:0 0!important}}