:root{--house-ink:#283934;--house-cream:#fff8e8;--house-green:#4f755b;--house-gold:#e2ac49;--house-teal:#5e9b91}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Trebuchet MS","Arial Rounded MT Bold",system-ui,sans-serif;color:var(--house-ink);background:#30463d}button,a{font:inherit}.house-page{overflow:hidden}.house-world{min-height:100dvh;background:radial-gradient(circle at 50% 0,#78916e 0,#40594d 48%,#293b34 100%)}.house-header{height:calc(76px + env(safe-area-inset-top));position:relative;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:max(10px,calc(env(safe-area-inset-top) + 6px)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(255,250,235,.98),rgba(240,225,191,.96));border-bottom:3px solid #9b7043;box-shadow:0 5px 18px rgba(24,38,31,.28)}.house-back{justify-self:start;min-height:44px;display:flex;align-items:center;padding:0 15px;border-radius:999px;background:#60785e;color:white;text-decoration:none;font-weight:1000;box-shadow:0 4px 0 #3b533e}.house-title{display:flex;align-items:center;gap:10px}.house-title img{width:118px;height:auto}.house-title div{display:grid}.house-title strong{font-size:19px;line-height:1}.house-title small{margin-top:3px;color:#6c766e;font-size:11px;font-weight:900}.house-actions{justify-self:end;display:flex;align-items:center;gap:9px}.house-furniture-button{min-height:48px;padding:0 15px;border:2px solid #8b6947;border-radius:17px;background:linear-gradient(180deg,#f6dc9d,#d6a45d);box-shadow:0 4px 0 #805c39;color:#4f3724;font-weight:1000;cursor:pointer;touch-action:manipulation}.house-furniture-button:active{transform:translateY(2px);box-shadow:0 2px 0 #805c39}.house-furniture-button:focus-visible{outline:4px solid #27758a;outline-offset:3px}.house-furniture-button[aria-expanded="true"]{background:linear-gradient(180deg,#d8eddf,#8ebaa0);border-color:#517c66}.house-wallet{min-height:48px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:7px;padding:5px 12px;border-radius:17px;background:#fff7d9;border:2px solid #d6b66e;color:var(--house-ink);text-decoration:none}.house-wallet>span{grid-row:1/3;font-size:24px}.house-wallet strong{font-size:18px;line-height:1}.house-wallet small{font-size:9px;font-weight:1000;letter-spacing:.08em}
.house-stage{height:calc(100dvh - 76px - env(safe-area-inset-top));display:grid;place-items:center;overflow:hidden;padding:8px}.house-scene{position:relative;width:min(100%,calc((100dvh - 92px - env(safe-area-inset-top)) * 1.7768));aspect-ratio:1672/941;overflow:hidden;background:#b87835 url("/peblet-house-interior.webp") center/100% 100% no-repeat;border-radius:clamp(12px,2vw,28px);box-shadow:0 18px 55px rgba(14,25,20,.5),inset 0 0 0 3px rgba(255,238,190,.38);isolation:isolate}.house-scene::after{content:"";position:absolute;z-index:30;inset:0;pointer-events:none;box-shadow:inset 0 -38px 70px rgba(66,35,17,.16),inset 0 0 35px rgba(255,224,150,.14)}.house-ambience{position:absolute;z-index:12;inset:0;pointer-events:none;overflow:hidden}.house-ambience i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff1a2;box-shadow:0 0 9px 3px rgba(255,223,119,.65);animation:houseFirefly 5.8s ease-in-out infinite}.house-ambience i:nth-child(1){left:28%;top:44%}.house-ambience i:nth-child(2){left:48%;top:30%;animation-delay:-1.7s}.house-ambience i:nth-child(3){left:69%;top:47%;animation-delay:-3.4s}.house-ambience i:nth-child(4){left:83%;top:35%;animation-delay:-4.6s}
.house-door{position:absolute;z-index:25;display:block;text-decoration:none;border-radius:48% 48% 8% 8%/28% 28% 8% 8%;-webkit-tap-highlight-color:transparent}.house-door::before{content:"";position:absolute;inset:2%;border-radius:inherit;background:radial-gradient(ellipse at 50% 55%,rgba(255,238,153,.6),rgba(255,183,69,.16) 48%,transparent 73%);opacity:.08;transition:opacity .2s,transform .25s}.house-door::after{content:"";position:absolute;width:13%;aspect-ratio:1;border-radius:50%;background:#ffe391;box-shadow:0 0 15px #ffd16b;opacity:.28;transition:.22s}.house-door:hover::before,.house-door:focus-visible::before{opacity:.82;transform:scale(1.03)}.house-door:hover::after,.house-door:focus-visible::after{opacity:1;transform:scale(1.2)}.house-door:active::before{opacity:1;transform:scale(.97)}.house-door:focus-visible{outline:4px solid #fff0a8;outline-offset:3px}.house-door-village{left:1.2%;top:20%;width:10.8%;height:48%}.house-door-village::after{left:61%;top:52%}.house-door-room{left:90.2%;top:23%;width:8.4%;height:44%}.house-door-room::after{left:20%;top:51%}
.furniture-layer{position:absolute;z-index:6;inset:0;pointer-events:none}.placed-furniture{position:absolute;display:block;min-width:44px;min-height:44px;margin:0;padding:0;border:0;background:transparent;cursor:grab;pointer-events:auto;touch-action:none!important;-webkit-tap-highlight-color:transparent;transform-origin:50% 100%}.placed-furniture[data-zone="floor"]{transform:translate(-50%,-100%) scale(var(--furniture-depth,1))}.placed-furniture[data-zone="wall"]{transform:translate(-50%,-50%)}.placed-furniture img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 5px rgba(58,34,18,.26));pointer-events:none;-webkit-user-drag:none;transition:filter .18s,transform .22s}.placed-furniture[data-flipped="true"] img{transform:scaleX(-1)}.placed-furniture:hover img{filter:drop-shadow(0 0 8px rgba(255,238,151,.9)) drop-shadow(0 8px 5px rgba(58,34,18,.24))}.placed-furniture.is-selected img,.placed-furniture:focus-visible img{filter:drop-shadow(0 0 9px #fff0a5) drop-shadow(0 0 18px rgba(255,205,89,.75)) drop-shadow(0 8px 5px rgba(58,34,18,.24))}.placed-furniture.is-selected::after,.placed-furniture:focus-visible::after{content:"↔";position:absolute;z-index:3;right:-14px;top:-14px;width:40px;height:40px;display:grid;place-items:center;border:3px solid #fff6cd;border-radius:50%;background:#5e8f78;color:white;box-shadow:0 4px 9px rgba(45,39,27,.3);font-size:22px;font-weight:1000;line-height:1;pointer-events:none}.placed-furniture:focus-visible{outline:0}.placed-furniture.is-dragging{cursor:grabbing;z-index:29!important}.placed-furniture.is-dragging::after{display:none}.placed-furniture.is-dragging img{filter:drop-shadow(0 0 11px #fff2aa) drop-shadow(0 12px 6px rgba(58,34,18,.32))}
.put-away-furniture{position:absolute;z-index:31;right:14px;bottom:14px;min-height:44px;display:flex;align-items:center;gap:7px;padding:0 14px;border:3px solid #fff6cd;border-radius:999px;background:#5e8f78;color:#fff;box-shadow:0 4px 9px rgba(45,39,27,.3);font-weight:1000;cursor:pointer;touch-action:manipulation}.put-away-furniture[hidden]{display:none!important}.put-away-furniture:focus-visible{outline:4px solid #27758a;outline-offset:3px}.put-away-furniture:active{transform:translateY(2px)}
.house-player,.house-pet{position:absolute;z-index:20;margin:0;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;transform:translate(var(--character-drag-x,0),var(--character-drag-y,0));filter:drop-shadow(0 7px 4px rgba(52,29,15,.3))}.house-player{left:46%;bottom:5.5%;width:9%;aspect-ratio:1}.house-player-stack{position:absolute;inset:0;display:grid;place-items:end center}.house-peblet{position:relative;z-index:2;width:100%;height:100%;object-fit:contain}.house-accessory{position:absolute;display:none!important;height:auto;z-index:3;pointer-events:none}.house-accessory.visible{display:block!important}.house-accessory.behind{z-index:1}.house-pets{position:absolute;z-index:20;inset:0;pointer-events:none}.house-pet{left:var(--house-pet-x,56%);bottom:5.2%;width:7%;aspect-ratio:1;pointer-events:auto}.house-pet img{width:100%;height:100%;object-fit:contain}.house-player:focus,.house-pet:focus{outline:none}.house-player:focus-visible,.house-pet:focus-visible{filter:drop-shadow(0 0 9px #fff3ad) drop-shadow(0 7px 4px rgba(52,29,15,.3))}
.furniture-drawer{position:fixed;z-index:60;right:max(12px,env(safe-area-inset-right));bottom:max(78px,calc(env(safe-area-inset-bottom) + 68px));left:max(12px,env(safe-area-inset-left));max-height:min(410px,56dvh);padding:18px;border:3px solid #b9854f;border-radius:27px;background:rgba(255,249,231,.98);box-shadow:0 14px 40px rgba(27,39,32,.43),0 6px 0 #785738;overflow:auto}.furniture-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.furniture-drawer-heading small{font-size:10px;font-weight:1000;letter-spacing:.12em;color:#8a6a4a}.furniture-drawer-heading h1{margin:2px 0 0;font-size:clamp(22px,3vw,31px)}.furniture-drawer-heading button{width:46px;height:46px;border:0;border-radius:50%;background:#5c7667;color:white;font-size:29px;cursor:pointer}.furniture-drawer>p{margin:7px 0 15px;color:#65736c;font-size:14px;font-weight:800}.furniture-catalog{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:12px;overflow-x:auto;padding:2px 3px 10px;scroll-snap-type:x proximity}.furniture-card{position:relative;min-height:184px;display:grid;grid-template-rows:98px auto auto;justify-items:center;align-content:start;gap:6px;padding:10px;border:3px solid #d6c09c;border-radius:19px;background:#fffef7;color:var(--house-ink);cursor:pointer;scroll-snap-align:start;box-shadow:0 4px 0 #b9a17b}.furniture-card img{width:100%;height:94px;object-fit:contain;filter:drop-shadow(0 5px 4px rgba(57,36,20,.18))}.furniture-card strong{font-size:15px;text-align:center;line-height:1.15}.furniture-card small{min-width:54px;padding:5px 10px;border-radius:999px;background:#f3dfaa;color:#6b4b26;font-size:17px;font-weight:1000;text-align:center}.furniture-card[data-owned="true"]{border-color:#76aa91;background:#f2fbf5}.furniture-card[data-owned="true"] small{background:#d7eee0;color:#356d54;font-size:13px}.furniture-card[data-placed="true"]::after{content:"In your house";position:absolute;top:7px;right:7px;padding:3px 6px;border-radius:999px;background:#4f8068;color:white;font-size:10px;font-weight:1000}.furniture-card:focus-visible{outline:4px solid #27758a;outline-offset:3px}
.furniture-drawer[hidden]{display:none!important}
.furniture-earn{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;box-shadow:0 4px 8px #392e2422}
.furniture-earn p{flex:1;margin:0!important}
.furniture-earn a{flex-shrink:0}
.furniture-card-shortfall{font-size:14px;font-weight:800;line-height:1.25;text-align:center;color:#70334a}
@media(orientation:landscape) and (max-height:500px){.furniture-drawer{max-height:calc(100dvh - 90px)!important;bottom:12px!important}.furniture-earn{padding:8px;margin:6px 0;font-size:14px}}
@media(max-width:480px){.furniture-earn{flex-wrap:wrap}.furniture-earn a{width:100%}}
.house-toast{position:fixed;z-index:80;left:50%;top:91px;max-width:min(88vw,520px);padding:12px 18px;border-radius:999px;background:#315f50;color:white;font-weight:1000;box-shadow:0 7px 20px rgba(22,38,31,.35);opacity:0;pointer-events:none;transform:translate(-50%,-15px);transition:.22s}.house-toast.show{opacity:1;transform:translate(-50%,0)}.house-toast[data-tone="warning"]{background:#9a514a}
.furniture-purchase{width:min(470px,calc(100% - 24px));padding:25px;border:4px solid #b88750;border-radius:28px;background:#fff9e9;color:var(--house-ink);box-shadow:0 20px 60px rgba(30,36,31,.45)}.furniture-purchase::backdrop{background:rgba(27,39,34,.58);backdrop-filter:blur(4px)}.furniture-purchase>img{float:right;width:138px;height:138px;object-fit:contain;margin:-8px -4px 4px 10px}.dialog-eyebrow{margin:0;color:#8b6a49;font-size:10px;font-weight:1000;letter-spacing:.12em}.furniture-purchase h2{margin:4px 0 8px;font-size:30px}.furniture-purchase>p:not(.dialog-eyebrow){line-height:1.4}.furniture-balance{clear:both;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:16px;background:#fff0c6;border:2px solid #e2c77d}.furniture-shortfall{padding:10px 13px;border-radius:13px;background:#ffe1dc;color:#96443d;font-weight:1000}.furniture-save-safe{font-size:13px;color:#527267}.furniture-purchase-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;margin-top:15px}.furniture-purchase-actions button{min-height:52px;border:0;border-radius:16px;font-weight:1000;cursor:pointer}.furniture-purchase-actions button:first-child{background:#e7ddc8;color:#5b625e}.furniture-purchase-actions button:last-child{background:#d66f58;color:white}.furniture-purchase-actions button:disabled{opacity:.45;cursor:not-allowed}
@keyframes houseFirefly{0%,100%{opacity:.08;transform:translate(0,8px) scale(.7)}38%{opacity:.9;transform:translate(12px,-9px) scale(1.1)}70%{opacity:.32;transform:translate(-7px,-19px) scale(.8)}}
@media(max-width:820px){.house-header{height:calc(66px + env(safe-area-inset-top));padding-top:max(7px,calc(env(safe-area-inset-top) + 4px));padding-bottom:7px}.house-stage{height:calc(100dvh - 66px - env(safe-area-inset-top));padding:5px}.house-title img{display:none}.house-title strong{font-size:17px}.house-title small{display:none}.house-back{font-size:12px;padding:0 11px}.house-furniture-button{min-height:44px;padding:0 12px;font-size:13px}.house-wallet{padding:3px 9px}.house-wallet>span{font-size:20px}.house-wallet strong{font-size:16px}.house-scene{width:100%;border-radius:14px}.furniture-drawer{max-height:48dvh;padding:14px}.furniture-catalog{grid-auto-columns:145px}.furniture-card{min-height:174px;grid-template-rows:82px auto auto}.furniture-card img{height:79px}}
@media(max-width:540px){.house-title{display:none}.house-header{grid-template-columns:auto 1fr auto}.house-actions{grid-column:3}.house-wallet small{display:none}.house-wallet{grid-template-rows:1fr}.house-wallet>span{grid-row:auto}.house-player{width:11%}.house-pet{width:9%}.furniture-purchase>img{width:105px;height:105px}.furniture-purchase-actions{grid-template-columns:1fr}}
@media(orientation:portrait) and (min-width:541px) and (max-width:900px){.house-stage{place-items:start center;padding-top:8px}}
@media(prefers-reduced-motion:reduce){.house-door::before,.house-door::after,.placed-furniture img,.house-toast{transition:none}}
[data-motion="reduced"] .house-door::before,[data-motion="reduced"] .house-door::after,[data-motion="reduced"] .placed-furniture img,[data-motion="reduced"] .house-toast{transition:none}