.room{color:#fff6e8;isolation:isolate;background:radial-gradient(70% 38% at 50% 104%,#ffc4788c 0%,#ffaa5a2e 45%,#0000 72%),radial-gradient(55% 45% at 50% 0,#785aaa59 0%,#0000 70%),linear-gradient(#1b1836 0%,#2b2149 42%,#3d2a3f 78%,#5a3a2e 100%);border-radius:1.25rem;position:relative;overflow:hidden;container-type:inline-size}.room:after{content:"";pointer-events:none;background:linear-gradient(#ffc88c14,#ffc88c38);height:9%;position:absolute;inset:auto 0 0}.room-air{pointer-events:none;position:absolute;inset:0;overflow:hidden}.room-air i{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--s) * 1cqw);height:calc(var(--s) * 1cqw);mix-blend-mode:screen;opacity:var(--o);animation:room-mote calc(var(--t) * 1s) ease-in-out calc(var(--d) * 1s) infinite;background:radial-gradient(circle,#fff 0%,#ffe3a8 40%,#0000 72%);border-radius:50%;position:absolute}@keyframes room-mote{0%{opacity:0;transform:translateY(2cqw)}30%{opacity:var(--o)}70%{opacity:var(--o)}to{opacity:0;transform:translate(2cqw,-6cqw)}}.room-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:4cqw 3cqw;padding:6cqw 5cqw 7cqw;display:grid;position:relative}@container (min-width:560px){.room-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:3cqw 2.5cqw;padding:4cqw 4cqw 5cqw}}@container (min-width:820px){.room-shelf{grid-template-columns:repeat(5,minmax(0,1fr))}}.room-shelf.room-shelf-peek{grid-template-columns:repeat(4,minmax(0,1fr));padding:4cqw 4cqw 5cqw}.niche{text-align:center;min-width:0;color:inherit;border-radius:1rem;text-decoration:none;display:block;position:relative}.niche-arch{aspect-ratio:4/5;background:radial-gradient(70% 55% at 50% 72%,#ffd6968c 0%,#ffbe6e2e 48%,#0000 78%),linear-gradient(#fff0dc1a,#ffdcbe0a 60%,#78462840);border-radius:50% 50% .6rem .6rem/36% 36% .6rem .6rem;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffe6c82e,inset 0 -1.2cqw 2.5cqw #3c1e1473,0 .6cqw 1.6cqw #00000059}.niche-arch:after{content:"";filter:blur(.4cqw);background:radial-gradient(#28140a8c 0%,#0000 70%);border-radius:50%;height:10%;position:absolute;bottom:4%;left:12%;right:12%}.niche-art{z-index:1;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:8% 10%}.niche-art img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(.5cqw .7cqw .9cqw #1e0a058c);will-change:transform;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .22s ease-out}.niche:hover .niche-art img,.niche:focus-visible .niche-art img,.niche:active .niche-art img{transform:translateY(-3%)scale(1.04)}.niche:focus-visible{outline-offset:3px;outline:3px solid #ffd978}.niche[data-newest] .niche-art img{animation:5.5s ease-in-out infinite niche-float}@keyframes niche-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5%)}}.niche[data-state=arriving] .niche-art img,.niche[data-state=asleep] .niche-art img{opacity:.55;filter:none}.niche-empty .niche-arch{border-style:dashed;box-shadow:inset 0 0 0 2px #ffe6c859,inset 0 -1.2cqw 2.5cqw #3c1e1459}.niche-plate{color:#3a2718;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#f3d7a3,#d4ad6a);border-radius:.3rem;max-width:100%;margin:.5cqw auto 0;padding:.3cqw 2cqw;font-size:clamp(.78rem,3.2cqw,1.05rem);line-height:1.25;display:inline-block;overflow:hidden;box-shadow:0 .3cqw .6cqw #00000059}.niche-date{color:#fff0dcb8;margin-top:.4cqw;font-size:clamp(.7rem,2.6cqw,.85rem);display:block}@media (prefers-reduced-motion:reduce){.room-air i,.niche[data-newest] .niche-art img{animation:none!important}.niche-art img{transition:none}}