.room-page{max-width:1200px}.room-page h1{max-width:820px}.room-page>.lead{max-width:900px}.room-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:32px;margin-block:36px}.room-viewer{background:#eef1eb;border:1px solid #cdd7cd;border-radius:12px;overflow:hidden}.room-viewer>summary{padding:22px;cursor:pointer;font-size:18px;font-weight:650;background:#e3eae1}.room-viewer>summary span{float:right}.room-note,.room-hint,[data-room-fallback]{font-size:13px;line-height:1.65;color:#587264}.room-hint{margin:16px 22px}.room-note{margin:16px 0}.room-controls{background:white;border:1px solid var(--line);padding:26px;border-radius:12px;align-self:start;min-width:0}.room-controls>label{display:block;font-weight:600;margin-bottom:22px}.room-controls select{margin-top:8px;font-weight:400}.room-selection{border-top:1px solid var(--line);padding-top:20px;margin-bottom:24px}.room-selection strong{font-size:12px;color:#587264}.room-selection p{font-size:20px;line-height:1.5}.room-controls>.btn{display:block;text-align:center;margin-top:12px;white-space:normal}.room-views{display:flex;gap:8px;justify-content:center;margin:12px;flex-wrap:wrap}.room-views button{border:1px solid #6d8778;border-radius:24px;background:transparent;color:#254b3b;padding:10px 18px;min-height:44px;cursor:pointer}.room-views button[aria-pressed=true]{background:#254b3b;color:white}.room-stage{position:relative;height:390px;perspective:1100px;background:radial-gradient(ellipse at 50% 75%,#bbc8bb 0,transparent 55%);isolation:isolate}.room-world{position:absolute;left:50%;top:50%;width:360px;height:260px;margin-left:-180px;margin-top:-130px;transform-style:preserve-3d;transform:translateX(-38px) rotateX(-18deg) rotateY(-28deg);transition:transform .5s ease}.room-stage[data-view=front] .room-world{transform:translateX(0px) rotateX(-16deg) rotateY(0deg)}.room-stage[data-view=right] .room-world{transform:translateX(38px) rotateX(-18deg) rotateY(24deg)}.room-world>div,.room-world>button{position:absolute;box-sizing:border-box;transform-style:preserve-3d}.room-floor{left:0;top:0;width:360px;height:260px;transform-origin:bottom;transform:rotateX(90deg);background:repeating-linear-gradient(90deg,#d1b993 0 34px,#bda683 35px 36px);box-shadow:0 0 0 5px #baa98d}.room-back{width:360px;height:260px;background:linear-gradient(120deg,#f6f3e9,#e4e3d9);transform:translateZ(-260px);border-bottom:8px solid #a8b0a5}.room-side{left:0;top:0;width:260px;height:260px;transform-origin:left;transform:rotateY(90deg);background:linear-gradient(90deg,#d2d9cd,#edf0e5);border-bottom:8px solid #a8b0a5}.room-glass{padding:0;cursor:pointer;background:linear-gradient(130deg,#e8fbfbcc,#84b8b8aa 48%,#e5f0ef99);border:5px solid #527771;box-shadow:inset 0 0 0 1px #eaf8f3;color:#153b35}.room-glass::after{content:'';position:absolute;inset:48% 0 0;background:#f1f5ef99;border-top:1px solid #ffffffa8;pointer-events:none}.room-glass span{position:absolute;top:12px;left:12px;border-radius:50%;background:#173f38;color:white;width:34px;height:34px;line-height:34px;z-index:2;font-size:16px;box-shadow:0 2px 6px #0002}.room-glass[aria-pressed=true]{border-color:#bc822a;box-shadow:0 0 0 3px #efd08f,inset 0 0 0 1px white}.room-glass:focus-visible{outline:4px solid #176b90;outline-offset:6px}.room-window{left:75px;top:36px;width:210px;height:132px;transform:translateZ(-254px)}.room-window::before{content:'';position:absolute;left:49%;top:0;bottom:0;width:4px;background:#527771}.room-partition{left:60px;top:60px;width:145px;height:200px;transform:translateZ(-35px)}.room-door{left:263px;top:50px;width:88px;height:210px;transform:translateZ(0)}.room-door::before{content:'';position:absolute;right:10px;top:53%;width:5px;height:28px;background:#435e56;z-index:2}.room-desk{left:40px;top:155px;width:150px;height:78px;transform:translateZ(-155px);background:#a88c65;border-top:8px solid #c6ac83;border-left:7px solid #88755e;border-right:7px solid #88755e;background:linear-gradient(#aa9477 0 12px,transparent 12px)}.room-desk i{display:block;width:52px;height:38px;background:#445956;position:absolute;left:68px;top:-45px;border:3px solid #9eaaa2}.room-rug{left:55px;top:115px;width:190px;height:145px;transform-origin:bottom;transform:translateZ(-10px) rotateX(90deg);background:#c2cbbb;border:5px solid #b1bdab}.room-planter{left:290px;top:204px;width:40px;height:56px;transform:translateZ(-170px);background:linear-gradient(90deg,#8c9a82,#cbd3c0);border-radius:5px 5px 12px 12px}.room-plant{left:280px;top:120px;width:60px;height:94px;transform:translateZ(-170px);background:radial-gradient(ellipse at 25% 45%,#6f8766 0 23%,transparent 25%),radial-gradient(ellipse at 70% 30%,#78956c 0 26%,transparent 28%),radial-gradient(ellipse at 50% 75%,#536f4c 0 28%,transparent 30%)}
@media(max-width:900px){.room-workspace{grid-template-columns:1fr}.room-world{scale:.88}.room-stage{height:350px}}@media(max-width:430px){.room-workspace{gap:24px;margin-block:26px}.room-controls{padding:20px}.room-world{scale:.60}.room-stage{height:285px}.room-viewer>summary{font-size:16px;padding:16px}}@media(max-width:350px){.room-world{scale:.50}.room-stage{height:250px}}@media(prefers-reduced-motion:reduce){.room-world{transition:none}}