/* Reframe the existing shop on phones; artwork and hotspots share one camera. */
.shop-pan-controls{display:none}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 .woodland-shop{overflow-x:clip}
 .woodland-shop .shop{height:100svh;height:100dvh;min-height:0;touch-action:pan-y pinch-zoom}
 .woodland-shop .artboard{width:max(100vw,150svh);width:max(100vw,150dvh)}
 .woodland-shop .wide-scene,.woodland-shop .hotspot-board{translate:var(--shop-pan-x,0px) var(--shop-pan-y,0px)}
 .woodland-shop .shop[data-panning=true],.woodland-shop .shop[data-panning=true] *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}
 .woodland-shop[data-view=wide] .wide-controls{cursor:grab;touch-action:pinch-zoom}
 .woodland-shop .merch-mobile-rail,.woodland-shop .berry-mobile-link,.woodland-shop .arcade-mobile-link{display:none}
 .woodland-shop .merch-hotspot{visibility:visible;pointer-events:auto}
 .woodland-shop .arcade-hotspot .hotspot-label{top:auto;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);font-size:18px}
 .woodland-shop .shop-header{display:none}
 .woodland-shop .shop-pan-controls{position:absolute;z-index:10;left:12px;right:88px;bottom:max(20px,env(safe-area-inset-bottom));display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:3px;padding:4px;background:#f3e6c8f5;color:#0756a6;border:1px solid #71503938;border-radius:29px 24px 27px 23px;box-shadow:0 3px 8px #123c3226;touch-action:manipulation}
 .shop-pan-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:none;color:#0756a6;cursor:pointer;touch-action:manipulation}
 .shop-pan-controls button:active{background:#0756a610}
 .shop-pan-controls button:disabled{opacity:.28;cursor:default}
 .shop-pan-controls button:focus-visible{outline:2px solid #f4511e;outline-offset:-3px}
 .shop-pan-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .shop-pan-controls[data-axis=vertical] svg{rotate:90deg}
 .shop-pan__copy{display:grid;gap:3px;min-width:0;text-align:center;pointer-events:none}
 .shop-pan__hint{font:12px/1.15 var(--veluwe-ui,system-ui,sans-serif);text-wrap:balance}
 .shop-pan__place{font:12px/1.15 var(--veluwe-reading,Georgia,serif);color:#715039;text-wrap:balance}
 .woodland-shop .merch-bag{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}
 .woodland-shop .reply,.woodland-shop .merch-scene__back,.woodland-shop .arcade-return{touch-action:manipulation}
}
@media(max-width:760px) and (max-height:700px){
 .woodland-shop .speech-bubble{top:128px;min-height:110px;padding-top:24px;padding-bottom:26px}
 .woodland-shop .speech-bubble .dialogue-text{font-size:18px;line-height:1.2}
 .woodland-shop .conversation .replies{bottom:10px;max-height:30svh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .woodland-shop .conversation .reply .reply-label{font-size:14px;line-height:1.08}
}
@media(max-width:760px) and (orientation:landscape),(max-width:1000px) and (pointer:coarse) and (orientation:landscape){
 .woodland-shop .shop-pan-controls{width:270px;right:auto;left:calc(50% - 135px);bottom:10px}
 .woodland-shop .speech-bubble{top:90px;right:12px;--bubble-width:46vw;min-height:110px;padding-top:22px;padding-bottom:24px}
 .woodland-shop .speech-bubble .dialogue-text{font-size:18px}
 .woodland-shop .conversation .replies{max-height:27svh;overflow-y:auto;bottom:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .woodland-shop .conversation .replies .reply.fox-button:last-child:nth-child(odd){grid-column:auto;width:100%}
}