/* The phone shore crops the desktop-sized panorama instead of stretching it. */
.mobile-shoreline{display:none}
@media(max-width:760px){
 .beach-shore-original{display:none}
 .mobile-shoreline{display:block;position:absolute;left:50%;bottom:-1px;width:1440px;max-width:none;height:220px;transform:translateX(-50%);pointer-events:none;z-index:-1}
 .landscape-detail{transform-box:fill-box;transform-origin:center;transform:scaleY(var(--landscape-detail-y,1))}

 /* Match each card's design width at the desktop 920px card-scene size. */
 .special-links>:first-child{--special-card-design-width:445.625px}
 .special-links>:nth-child(2){--special-card-design-width:437px}
 .special-links>:nth-child(3){--special-card-design-width:442.307692px}
 .special-links>:is(.flip-card,.special-card){width:var(--special-card-design-width)}
 .special-links .special-card{padding:36px 28px 40px}
 .special-links .special-card--mischief{min-height:404px}
 /* Keep the approved card proportions while allowing readable, tappable links. */
 .special-links :is(.special-card--stickers,.special-card--goods){height:443px;min-height:0}
 .special-links :is(.special-card--stickers,.special-card--goods) .special-card-art{flex:1 1 0;min-height:0;height:0}
 .special-links :is(.special-card--stickers,.special-card--goods) h3{flex-shrink:0}
 .special-links .special-card .button{font-size:calc(clamp(12px,3.5vw,14px) / var(--special-card-scale));line-height:1.3;min-height:calc(44px / var(--special-card-scale));flex-shrink:0}
 .special-links .special-card .jelly-button__surface{min-height:calc(44px / var(--special-card-scale));padding:calc(4px / var(--special-card-scale));gap:calc(4px / var(--special-card-scale))}
 .special-links .jelly-button__label{white-space:nowrap}
 .special-links .flip-card__question{font-size:104px}

 /* Walk in the empty sand to the left of the second row, clear of both cards. */
 .special .beach-crab-slot{top:var(--crab-top,250px);left:calc(24% - 17px);right:auto}

 /* Place the existing transparent artwork below the controls, left and right. */
 .gallery{padding-bottom:175px}
 .gallery-octopus{left:0;bottom:40px}
 .gallery-mantas{right:12px;bottom:-16px;width:128px}
}