*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif;background:#171725}.room-app{width:100vw;height:100vh}.room{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(#aea9bd 0 10%,#c7b9bd 10% 70%,#8a6250 70%);isolation:isolate}.room:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#ffb15a22 0 38%,transparent 52%),linear-gradient(270deg,#405cff28,transparent 35%);pointer-events:none}.sun{position:absolute;left:-8%;top:12%;width:35vw;height:70vh;background:#ffb65c35;filter:blur(40px)}.window{position:absolute;left:4%;top:12%;width:22%;height:42%;border:14px solid #684936;background:#79c8ec;box-shadow:0 8px 25px #3c263a55;overflow:hidden}.window:after{content:"";position:absolute;left:48%;top:0;width:10px;height:100%;background:#684936}.sky{position:absolute;inset:0;background:linear-gradient(#71c7ef,#f5d28a)}.hill{position:absolute;border-radius:50%;background:#6e9e66}.hill.h1{width:110%;height:45%;left:-30%;bottom:-20%}.hill.h2{width:90%;height:35%;right:-35%;bottom:-15%;background:#8bb36e}.poster{position:absolute;text-align:center;font-weight:900;color:#292632;background:#e8ddd5;border:5px solid #8c6d63;box-shadow:5px 7px #3a2d3544;padding:16px;line-height:1.15}.p1{left:29%;top:14%;font-size:clamp(12px,1.5vw,25px);transform:rotate(-1deg)}.p2{left:44%;top:18%;background:#252434;color:#d8ced6;font-size:clamp(12px,1.4vw,23px)}.shelf{position:absolute;right:4%;top:12%;width:25%;height:18px;background:#654433;border-bottom:6px solid #3b2930;box-shadow:0 12px 18px #221b2855}.shelf i{display:inline-block;width:8%;height:65px;margin:-65px 2% 0;background:#6f3e3e;border:2px solid #37282e;vertical-align:bottom}.plant{position:absolute;right:5%;bottom:8px;font-size:55px;color:#365b3a}.bed{position:absolute;left:3%;bottom:10%;width:35%;height:26%;background:#553e52;border:8px solid #563b32;border-radius:20px 35px 10px 10px;box-shadow:0 12px 20px #1e172455}.pillow{position:absolute;left:8%;top:5%;width:34%;height:35%;border-radius:40%;background:#d8cbc6}.blanket{position:absolute;left:30%;top:10%;right:0;bottom:0;background:#40384e;border-radius:30px 10px 5px 35px}.nightstand{position:absolute;left:37%;bottom:12%;width:8%;height:17%;background:#76513d;border:5px solid #4b332e}.lamp{position:absolute;left:28%;top:-75px;width:44%;height:65px;background:#ffd995;clip-path:polygon(25% 0,75% 0,100% 70%,55% 70%,55% 100%,45% 100%,45% 70%,0 70%)}.door{position:absolute;left:48%;top:12%;width:17%;height:58%;background:#76503e;border:10px solid #50362f;box-shadow:0 8px 20px #2d202a55}.door span{position:absolute;right:10%;top:48%;width:18px;height:18px;border-radius:50%;background:#c9a167}.desk{position:absolute;right:4%;bottom:13%;width:28%;height:24%;border-top:14px solid #684433}.desk:before,.desk:after{content:"";position:absolute;top:0;width:13px;height:100%;background:#4c3431}.desk:before{left:4%}.desk:after{right:4%}.monitor{position:absolute;left:20%;bottom:78%;width:55%;height:60%;background:#151827;border:8px solid #302b39;border-radius:8px;box-shadow:0 0 30px #355cff77}.monitor span{display:grid;place-items:center;height:100%;font-weight:900;color:#6e8cff;font-size:clamp(14px,2vw,28px)}.keyboard{position:absolute;left:28%;top:5%;width:42%;height:12%;background:#262331;border-radius:5px}.chair{position:absolute;right:5%;bottom:-20%;width:28%;height:120%;background:#272737;border:7px solid #191923;border-radius:35px 35px 18px 18px;z-index:2}.rug{position:absolute;left:27%;bottom:-9%;width:55%;height:31%;background:#8b7b82;border-radius:50%;box-shadow:inset 0 0 0 8px #a29497}.plant-big{position:absolute;right:-1%;bottom:5%;font-size:130px;color:#315438;transform:rotate(-10deg)}.neon{position:absolute;right:18%;top:29%;font-weight:900;font-style:italic;font-size:clamp(16px,2.3vw,36px);color:#b9e8ff;text-align:center;text-shadow:0 0 7px #53baff,0 0 18px #335cff}.hud{position:absolute;z-index:10;left:22px;top:20px;padding:13px 22px;border-radius:28px;background:#22212bd9;color:#fff;display:grid;grid-template-columns:auto auto;gap:2px 20px;box-shadow:0 8px 25px #0004}.hud b{font-size:18px}.hud small{grid-row:2;color:#bbb}.hud em{grid-column:2;grid-row:1/3;align-self:center;color:#83d48b;font-size:12px;font-style:normal}.help{position:absolute;z-index:10;right:20px;top:20px;background:#20202dde;color:#fff;border-radius:18px;padding:14px 18px;display:flex;flex-direction:column;gap:7px;font-size:12px}.help b{font-size:14px}.help span{color:#ddd}#scene{position:absolute;z-index:7;inset:0;width:100%;height:100%;touch-action:none}.controls{position:absolute;z-index:12;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:8px;padding:9px;border-radius:40px;background:#272633cc;backdrop-filter:blur(10px)}button{border:0;border-radius:25px;padding:11px 17px;background:#45424d;color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}button:hover,button.active{background:#4c87ff}#status{position:absolute;z-index:12;bottom:4px;left:50%;transform:translateX(-50%);margin:0;color:#eee;font-size:10px}@media(max-width:700px){.help{display:none}.hud{left:10px;top:10px;padding:9px 13px}.controls{bottom:18px;width:96%;overflow:auto;justify-content:flex-start}button{padding:10px 13px}.window{width:30%}.bed{width:42%}.desk{right:-5%;width:35%}}