*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:'Trebuchet MS',Arial,sans-serif;background:#272238}.room-app,.room{width:100%;height:100%}.room{position:relative;overflow:hidden;background:linear-gradient(#f5cf9f 0 68%,#c98558 68%);isolation:isolate}.room:before{content:"";position:absolute;inset:0 0 32%;background:radial-gradient(circle at 15% 15%,#fff5c9 0 10%,transparent 32%),linear-gradient(110deg,transparent 48%,#d99c7940 49% 50%,transparent 51%);opacity:.75}.wall-line{position:absolute;left:0;right:0;top:68%;height:9px;background:#6c4339;border-top:3px solid #3d3034}.window{position:absolute;left:4%;top:11%;width:23%;height:39%;border:8px solid #47343c;border-radius:12px;background:linear-gradient(#76d6f4 0 65%,#ffd58a);box-shadow:7px 9px 0 #9b654f;overflow:visible}.window:before,.window:after{content:"";position:absolute;background:#47343c;z-index:2}.window:before{width:7px;height:100%;left:49%}.window:after{height:7px;width:100%;top:49%}.cloud{position:absolute;width:34%;height:15%;border-radius:50px;background:#fff8e9;top:18%}.c1{left:8%}.c2{right:4%;top:34%}.hill{position:absolute;border:4px solid #426447;border-radius:50% 50% 0 0;background:#72ae68;bottom:0;height:28%}.h1{left:-8%;width:70%}.h2{right:-12%;width:70%;background:#91c976}.curtain{position:absolute;top:-10%;height:120%;width:22%;background:#df685f;border:5px solid #6d3f46;z-index:4;border-radius:12px 12px 30px 30px}.curtain.left{left:-17%}.curtain.right{right:-17%}.poster{position:absolute;text-align:center;font-weight:900;border:5px solid #49383e;border-radius:8px;box-shadow:6px 7px 0 #9e6d59;line-height:1.05;transform:rotate(-2deg)}.p1{left:31%;top:15%;padding:16px 22px;background:#f7e06b;color:#503746;font-size:clamp(15px,2vw,30px)}.p2{left:45%;top:19%;padding:13px 18px;background:#6653a6;color:#fff2c7;font-size:clamp(13px,1.6vw,24px);transform:rotate(2deg)}.shelf{position:absolute;right:4%;top:14%;width:25%;height:15px;background:#9b5e45;border:4px solid #49343a;border-radius:5px;box-shadow:4px 6px 0 #80503f}.shelf i{display:inline-block;width:9%;height:58px;margin:-58px 3% 0;background:#e06b62;border:3px solid #4c3840;vertical-align:bottom;border-radius:3px}.shelf i:nth-child(2){background:#6e70b8;height:48px;margin-top:-48px}.shelf i:nth-child(3){background:#e4b94e;height:65px;margin-top:-65px}.toy{position:absolute;left:58%;bottom:10px;font-size:40px;color:#efb936;text-shadow:2px 2px #49343a}.plant{position:absolute;right:5%;bottom:7px;font-size:54px;color:#43865a}.bed{position:absolute;left:2%;bottom:8%;width:35%;height:25%;background:#714d68;border:7px solid #49343a;border-radius:22px 38px 12px 12px;box-shadow:8px 9px 0 #704839}.headboard{position:absolute;left:-4%;bottom:0;width:10%;height:130%;background:#a9694b;border:5px solid #49343a;border-radius:18px}.pillow{position:absolute;left:8%;top:7%;width:34%;height:34%;border:4px solid #59464b;border-radius:45%;background:#fff0d6}.blanket{position:absolute;left:29%;top:8%;right:-2%;bottom:-2%;background:#6653a6;border:5px solid #49343a;border-radius:28px 12px 9px 35px}.blanket:after{content:"";position:absolute;inset:15% 0;border-top:5px dashed #e7b8c2;transform:rotate(-4deg)}.nightstand{position:absolute;left:37%;bottom:11%;width:8%;height:17%;background:#b36f4e;border:5px solid #49343a;border-radius:7px}.nightstand:after{content:"";position:absolute;left:12%;right:12%;top:35%;border-top:4px solid #49343a}.nightstand i{position:absolute;right:15%;top:13%;width:8px;height:8px;background:#f2c35c;border:2px solid #49343a;border-radius:50%}.lamp{position:absolute;left:26%;top:-70px;width:48%;height:62px;background:#f7d86b;border:4px solid #49343a;clip-path:polygon(22% 0,78% 0,100% 62%,58% 62%,58% 100%,42% 100%,42% 62%,0 62%)}.door{position:absolute;left:49%;top:12%;width:16%;height:56%;background:#a8684b;border:8px solid #49343a;border-radius:10px 10px 0 0;box-shadow:7px 0 0 #80513f}.door:before{content:"";position:absolute;inset:8%;border:4px solid #81503f;border-radius:50% 50% 12px 12px}.door span{position:absolute;right:12%;top:50%;width:17px;height:17px;border:3px solid #49343a;border-radius:50%;background:#f1c45e}.desk{position:absolute;right:3%;bottom:12%;width:29%;height:24%;border-top:13px solid #49343a;background:linear-gradient(#a9694b 0 9%,transparent 9%)}.desk:before,.desk:after{content:"";position:absolute;top:0;width:14px;height:100%;background:#70483d;border:3px solid #49343a}.desk:before{left:5%}.desk:after{right:5%}.monitor{position:absolute;left:20%;bottom:78%;width:55%;height:62%;background:#25223a;border:7px solid #49343a;border-radius:13px;box-shadow:5px 6px 0 #704d49}.monitor:after{content:"";position:absolute;width:8%;height:28%;background:#49343a;left:46%;bottom:-28%}.monitor span{display:grid;place-items:center;height:100%;font-weight:900;color:#78d9ff;font-size:clamp(14px,2vw,27px);text-shadow:0 0 8px #78d9ff}.keyboard{position:absolute;left:28%;top:7%;width:42%;height:13%;background:#e7d6c4;border:4px solid #49343a;border-radius:7px}.mug{position:absolute;left:76%;top:-8%;font-size:30px}.chair{position:absolute;right:3%;bottom:-22%;width:29%;height:118%;background:#5b537a;border:7px solid #49343a;border-radius:38px 38px 17px 17px;z-index:2;box-shadow:5px 5px 0 #3d344b}.rug{position:absolute;left:25%;bottom:-10%;width:58%;height:30%;background:#e6a95e;border:6px solid #70483d;border-radius:50%;box-shadow:inset 0 0 0 12px #f2c77e}.floor-lines{position:absolute;inset:68% 0 0;background:repeating-linear-gradient(105deg,transparent 0 110px,#7b503455 112px 115px);pointer-events:none}.plant-big{position:absolute;right:-1%;bottom:4%;font-size:125px;color:#3f8455;text-shadow:4px 4px #35533f;transform:rotate(-9deg)}.neon{position:absolute;right:18%;top:31%;font-weight:900;font-style:italic;font-size:clamp(16px,2.3vw,35px);color:#fff2b8;text-align:center;text-shadow:2px 3px #633d66,0 0 12px #ff7dbd}.hud,.help{position:absolute;z-index:10;top:18px;color:#fff;border:4px solid #49343a;box-shadow:4px 5px 0 #0003}.hud{left:18px;padding:10px 18px;border-radius:20px;background:#6653a6;display:grid;grid-template-columns:auto auto;gap:2px 18px}.hud small{grid-row:2}.hud em{grid-column:2;grid-row:1/3;align-self:center;color:#b9ffbd;font-size:11px;font-style:normal}.help{right:18px;background:#df685f;border-radius:18px;padding:11px 15px;display:flex;flex-direction:column;font-size:11px}.help b{font-size:14px}.help span{margin-top:3px}#scene{position:absolute;z-index:7;inset:0;width:100%;height:100%;touch-action:none}.controls{position:absolute;z-index:12;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:7px;padding:8px;border:4px solid #49343a;border-radius:28px;background:#fff1d9e8;box-shadow:5px 6px 0 #49343a55;max-width:96%;overflow:auto}button{border:3px solid #49343a;border-radius:20px;padding:9px 13px;background:#e8a15d;color:#49343a;font-weight:900;cursor:pointer;white-space:nowrap}button:hover,button.active{background:#6653a6;color:white}#status{position:absolute;z-index:12;bottom:4px;left:50%;transform:translateX(-50%);margin:0;color:#49343a;font-weight:900;font-size:10px}.room.night{background:linear-gradient(#514a72 0 68%,#805c50 68%)}.room.night:before{background:#22234466}.room.night .window{background:linear-gradient(#273a68,#76588d)}.room.night .cloud{opacity:.35}.room.night .lamp{filter:drop-shadow(0 0 18px #ffd46b)}.room.night .neon{text-shadow:0 0 8px #ff8ed1,0 0 22px #ff67c4}@media(max-width:700px){.help{display:none}.hud{left:8px;top:8px}.controls{bottom:16px}.window{width:30%}.bed{width:42%}.desk{right:-5%;width:36%}button{padding:8px 11px}}