.house-screen{width:min(1200px,100%);height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 28% 12%,#fffcf3,#eee4d2);border:1px solid #ddcbb1;border-radius:26px;overflow:hidden;box-shadow:inset 1px 1px 0 #fff,0 4px 0 #d7c8ae,4px 8px 24px #8c78531c}
.house-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:14px 22px 8px;gap:15px}.house-header h1{font:30px/1.1 var(--serif);margin:0 0 4px}.house-header p{margin:0;color:#9c8870;font-size:11px;letter-spacing:.4px}.house-back{width:auto;margin:0;display:flex;align-items:center;gap:8px;padding:10px 13px;min-height:44px;white-space:nowrap}.house-back svg{width:17px;height:17px}
.house-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.house-scene{position:relative;aspect-ratio:1000/850;height:min(100%,740px);max-width:100%;flex-shrink:0;touch-action:none;isolation:isolate}.house-background,.house-items{position:absolute;inset:0;pointer-events:none}.dollhouse-background{width:100%;height:100%}.house-item{position:absolute;transform:translate(-50%,-100%);padding:0;border:0;background:none;touch-action:none;cursor:grab;isolation:isolate;outline:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.house-item:active{cursor:grabbing}.furniture-art{position:absolute;inset:0;pointer-events:none;transform-origin:50% 90%;transition:filter .15s}.house-item.flipped .furniture-art{transform:scaleX(-1)}.house-item.wall-left .furniture-art{transform:skewY(-10deg)}.house-item.wall-right .furniture-art{transform:skewY(10deg)}.house-item.wall-left.flipped .furniture-art{transform:skewY(-10deg) scaleX(-1)}.house-item.wall-right.flipped .furniture-art{transform:skewY(10deg) scaleX(-1)}.furniture-selection{position:absolute;inset:auto 3% -3%;height:18%;border:2px solid transparent;border-radius:50%;pointer-events:none;z-index:-1}.is-selected>.furniture-selection,.house-item:focus-visible>.furniture-selection{border-color:#759d88;background:#c8dccc35}.house-item[data-item="picture"]>.furniture-selection{inset:-4%;height:auto;border-radius:10px}.house-item.invalid-place>.furniture-selection{border-color:#ba8e7b;background:#e3b3a22b}.dragging-furniture{cursor:grabbing!important}.house-dragging{user-select:none}.house-resident{position:absolute;width:12%;height:14.12%;transform:translate(-50%,-100%);transition:left 1.5s ease,top 1.5s ease;pointer-events:none}.house-resident:after{content:'';position:absolute;bottom:6%;left:20%;right:13%;height:7%;background:#9c7c5240;filter:blur(2px);border-radius:50%;z-index:-1}.house-resident .pose-0{visibility:visible}.house-resident .plush-breath{animation:plush-breathe 8s ease-in-out infinite}.house-resident.resident-asleep .pose-0{visibility:hidden}.house-resident.resident-asleep .pose-5{visibility:visible}.house-resident.at-bed{width:13%;height:15.29%}.house-editing .house-resident .plush-breath{animation:none}.house-editing .house-resident{transition:none}
.house-hint{margin:0;padding:5px 14px 10px;text-align:center;font-size:11px;color:#968269;min-height:31px;flex-shrink:0}.furniture-tools{display:flex;align-items:center;justify-content:center;gap:7px;position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:2000;background:#fffbf1f7;border:1px solid #d9c7aa;border-radius:17px;padding:7px 9px;box-shadow:0 3px 12px #987b5720;width:max-content;max-width:calc(100% - 16px)}.furniture-tools strong{font-weight:normal;font-size:11px;max-width:160px;padding:0 7px}.furniture-tools button{min-height:42px;min-width:60px;padding:7px 12px;border:1px solid #dfceb4;border-radius:11px;background:linear-gradient(#fffaf0,#f0e3cd);font-size:12px;white-space:nowrap}.furniture-tools button:last-child{background:#dbe7d2;border-color:#b2c4a6;color:#526d59}
.house-inventory-area{flex-shrink:0;padding:11px 18px 14px;border-top:1px solid #d8c6a9;background:linear-gradient(#fbf6eb,#f1e6d3);box-shadow:0 -4px 10px #95754e08}.house-inventory-title{display:flex;align-items:baseline;justify-content:space-between;padding:0 5px 8px}.house-inventory-title h2{margin:0;font:18px var(--serif)}.house-inventory-title span{font-size:11px;color:#9a8568}.house-inventory{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c8b08c transparent;padding:0 3px 7px;touch-action:pan-x}.inventory-item{position:relative;flex:0 0 116px;padding:7px 7px 8px;min-width:0;border:1px solid #dfceb1;border-radius:14px;background:linear-gradient(135deg,#fffaf0,#eee1ca);box-shadow:inset 1px 1px 0 #fff,0 2px 0 #d4bea0;touch-action:pan-x;user-select:none}.inventory-item.earned{cursor:grab}.inventory-item.unearned{background:#eee6d8;box-shadow:inset 0 1px 2px #b8a38018;cursor:default}.inventory-art{display:block;width:100%;height:72px;padding:2px 12px 5px;pointer-events:none}.inventory-art svg{overflow:visible}.inventory-item.unearned .inventory-art{filter:grayscale(.9);opacity:.42}.inventory-item strong{display:block;min-height:26px;font-size:10px;line-height:1.3;font-weight:normal}.inventory-item small{font-size:10px;color:#968269}.inventory-item.is-placed small{color:#749075}.inventory-item.is-placed .inventory-art{opacity:.6}.inventory-item.pending{outline:2px solid #8ca78b;outline-offset:-2px;background:#e8eddc}.placing-floor .dollhouse-background,.placing-wall .dollhouse-background{filter:brightness(1.025)}
@media(max-width:600px){.house-screen{border:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-shadow:none}.house-header{padding:13px 14px 4px;gap:8px}.house-header h1{font-size:27px}.house-header p{font-size:10px}.house-back{font-size:11px;padding:8px 10px}.house-stage{min-height:180px}.house-scene{width:100%;height:auto;max-height:100%;aspect-ratio:1000/850}.house-inventory-area{padding:10px 9px 9px}.house-inventory-title{padding-bottom:7px}.house-inventory-title h2{font-size:17px}.inventory-item{flex-basis:101px}.inventory-art{height:63px;padding-left:10px;padding-right:10px}.inventory-item strong{font-size:9px;min-height:24px}.house-hint{font-size:10px;padding-bottom:8px}.furniture-tools{gap:5px;padding:6px}.furniture-tools strong{display:none}.furniture-tools button{min-width:72px;padding:8px 10px}}
@media(max-height:600px){.house-header{padding-top:7px}.house-header h1{font-size:23px}.house-header p{display:none}.house-inventory-area{padding-top:6px;padding-bottom:5px}.inventory-art{height:44px}.house-inventory-title{padding-bottom:4px}.inventory-item{padding-top:4px;padding-bottom:5px}.inventory-item strong{min-height:22px}.house-hint{padding:2px 8px 4px;min-height:22px}.house-stage{min-height:130px}}
@media(prefers-reduced-motion:reduce){.house-resident,.furniture-art{transition:none!important}.house-resident .plush-breath{animation:none!important}}
/* Use the empty canvas margins to keep the miniature large on narrow screens. */
@media(min-width:601px){.house-scene{transform:scale(1.08)}}
@media(max-width:600px){.house-scene{width:auto;height:min(100%,calc(100vw * 1.02));max-width:none;max-height:none}}