/* Shelf coordinates follow the artwork, rather than a floating card grid. */
.little-shop.shop-scene{--shelf-a:34%;--shelf-b:50%;--shelf-c:65%;width:100%;max-width:720px;height:480px;min-height:480px!important;flex:none;margin-inline:auto!important;background-size:auto 100%;background-position:center;background-repeat:no-repeat;overflow:hidden}
.little-shop.shop-color-1{--shelf-a:36%;--shelf-b:55%;--shelf-c:75%}
.little-shop.shop-color-2{--shelf-a:33%;--shelf-b:53%;--shelf-c:72%}
.little-shop .little-shelf{inset:0;display:block}
.little-shop .little-shelf .little-toy{position:absolute;left:38%;top:var(--shelf-a);width:auto;height:19%;aspect-ratio:1;max-width:36%;min-height:0;max-height:none;padding:0;border:0;border-radius:18px;background:none;box-shadow:none;transform:translate(-50%,-100%);transform-origin:50% 100%}
.little-shop .little-toy:nth-child(2){left:62%;top:var(--shelf-b)}
.little-shop .little-toy:nth-child(3){left:42%;top:var(--shelf-c)}
.little-shop .little-shelf .little-toy>.toy,.little-shop .little-shelf .little-toy>.world-art{width:100%;height:100%;max-height:none;scale:1;transform-origin:50% 100%;filter:drop-shadow(0 3px 2px #69462038)}
.little-shop .little-toy:active{transform:translate(-50%,-100%) scale(.94)}
.little-shop .little-toy:focus-visible{outline:3px solid #7750a0;outline-offset:5px;background:#fff4}
.little-shop .little-toy>span:not(.toy):not(.world-art){display:none}
.little-shop .little-shop-friend{left:3%;top:auto;bottom:3%;pointer-events:none}
@media(max-width:760px){
 .little-shop.shop-scene{height:calc(100svh - 220px);min-height:200px!important;flex:1 0 200px;max-width:none;background-size:auto 120%;--shelf-a:30.8%;--shelf-b:50%;--shelf-c:68%}
 .little-shop.shop-color-1{--shelf-a:33.2%;--shelf-b:56%;--shelf-c:80%}
 .little-shop.shop-color-2{--shelf-a:29.6%;--shelf-b:53.6%;--shelf-c:76.4%}
 .little-shop .little-shop-friend .clay-pal{width:48px;height:56px}
}