#clock-object:is(:hover,:focus-visible,.is-touched) .hot-label{opacity:1;z-index:10;box-shadow:2px 3px 0 #bcb4e344}

.room-album-art{
 position:absolute;inset:0;display:block;
 filter:drop-shadow(3px 5px 2px #6b61b049);
 transition:transform .25s ease;
}
.motion-book:is(:hover,:focus-visible,.is-touched) .room-album-art{transform:translateY(-5px) rotate(2deg)}
.room-album-book{
 --face:#f0bfd4;--dots:#fffef8;--edge:#d7a9c3;
 position:absolute;box-sizing:border-box;display:grid;place-items:center;
 width:66%;height:78%;left:17%;top:10%;
 border:2px solid #168be0;border-radius:7px 10px 10px 6px;
 background-color:var(--face);
 background-image:radial-gradient(circle,var(--dots) 0 1.25px,transparent 1.7px),repeating-linear-gradient(100deg,#fff8 0 1px,transparent 1px 4px);
 background-size:13px 13px,100% 100%;
 box-shadow:3px 3px 0 var(--edge),5px 5px 0 #fffaf1,7px 7px 0 #168be0;
}
.room-album-book:after{content:'';position:absolute;inset:4px;border:1px dashed #fffdf9;border-radius:4px;pointer-events:none}
.room-album-book.cream{--face:#fffdf2;--dots:#46506a;--edge:#deded8}
.room-album-book.blue{--face:#bce8ef;--edge:#90c8d7}
.room-album-book:nth-child(1){left:7%;top:18%;transform:rotate(-15deg)}
.room-album-book:nth-child(2){left:30%;top:12%;transform:rotate(11deg)}
.room-album-book:nth-child(3){left:18%;top:2%;transform:rotate(-5deg)}
.room-album-book:nth-child(-n+2) .room-album-title,.room-album-book:nth-child(-n+2) .room-album-strap{display:none}
.room-album-title{color:#203bad;font-size:clamp(7px,1.15svh,11px);font-weight:800;line-height:1.05;letter-spacing:.015em;text-shadow:1px 1px #fff;text-align:center}
.room-album-strap{position:absolute;display:grid;place-items:center;right:-12%;top:44%;width:31%;height:21%;box-sizing:border-box;border:2px solid #168be0;border-radius:11px 4px 4px 11px;background:var(--face);color:#fff;font-size:clamp(9px,1.35svh,14px);text-shadow:1px 1px #168be0}