.room-photo-frame{position:absolute;left:4.75%;top:38.3%;width:18%;height:auto;aspect-ratio:280/300;z-index:5;transform:rotate(-5deg);transform-origin:50% 93%;transition:transform .3s ease;isolation:isolate}
.room-frame-art{display:block;width:100%;height:100%;pointer-events:none;filter:drop-shadow(1px 2px 1px #b6a0ed25)}
.room-photo-frame:hover,.room-photo-frame:focus-within{transform:rotate(-2deg) translateY(-3px)}
.room-frame-stickers{position:absolute!important;left:25%;top:28%;width:50%;height:52%;min-height:0!important;background:transparent;border-radius:50% 50% 2px 2px / 53% 53% 2px 2px;overflow:hidden}
.room-frame-stickers .floating-sticker{min-height:0;min-width:0;border-radius:3px}
.room-frame-stickers .floating-sticker img{filter:drop-shadow(.5px 1px .6px #62798d40)}
.room-frame-empty{position:absolute;left:26%;top:50%;width:48%;min-height:28px;padding:0;font-size:clamp(8px,1.15svh,13px);border:0;background:transparent;color:#527ca3;border-radius:5px}
.room-frame-open{position:absolute;left:26%;bottom:4%;width:48%;height:9%;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;font-size:clamp(7px,.95svh,11px);line-height:1;color:#386381}
.room-photo-frame .hot-label{top:-28px;transition:opacity .15s}
.room-photo-frame:hover .hot-label,.room-photo-frame:focus-within .hot-label{opacity:1}
.room-photo-frame.frame-tapped .room-frame-art{animation:frame-tap .55s ease-out}
@keyframes frame-tap{0%,100%{transform:none}30%{transform:rotate(2deg)}65%{transform:rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.room-photo-frame{transition:none}.room-photo-frame:hover,.room-photo-frame:focus-within{transform:rotate(-5deg)}.room-photo-frame.frame-tapped .room-frame-art{animation:none}}