/* The actual stall's dark timber, striped awning and stock shelves form the
   scene. Product labels use the shared western-plaque skin without overrides. */
html body #shop-menu{
 position:fixed!important;inset:0!important;z-index:250!important;width:100%!important;height:100dvh!important;
 box-sizing:border-box!important;padding:clamp(10px,2.2vh,24px) max(24px,env(safe-area-inset-right)) clamp(12px,2vh,24px) max(24px,env(safe-area-inset-left))!important;
 background:#35251d url('/ui/shop-counter.png') center/cover no-repeat!important;backdrop-filter:none!important;
 border:0!important;box-shadow:none!important;align-items:center!important;justify-content:flex-start!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y;
}
html body #shop-menu .shop-scene{width:min(1480px,100%);min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:clamp(8px,1.8vh,20px);}
html body #shop-menu .shop-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
html body #shop-menu #shop-title{margin:0!important;padding:10px 38px!important;box-sizing:border-box;font-size:clamp(22px,4vh,42px)!important;line-height:1.2!important;color:#ffedc6!important;text-shadow:1px 2px #281307!important;background:url('/ui/button-toon.png') center/100% 100% no-repeat;}
html body #shop-menu #shop-score{margin:0!important;padding:10px 28px!important;box-sizing:border-box;font-size:clamp(14px,2.4vh,23px)!important;line-height:1.3!important;color:#ffedc6!important;text-shadow:1px 1px #281307!important;background:url('/ui/button-toon.png') center/100% 100% no-repeat;}
html body #shop-menu #shop-items-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start!important;justify-items:stretch!important;gap:clamp(12px,2vh,24px) clamp(12px,2vw,28px)!important;width:100%!important;max-width:none!important;margin:0!important;}
html body #shop-menu .shop-display{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;}
html body #shop-menu .shop-art{width:min(100%,35vh);height:auto;aspect-ratio:1.5;max-width:100%;background-image:url('/ui/shop-goods.png');background-size:400% auto;background-repeat:no-repeat;cursor:pointer;flex-shrink:0;}
html body #shop-menu .shop-art[data-goods='REVOLVER']{background-position:0 20%;}
html body #shop-menu .shop-art[data-goods='SHOTGUN']{background-position:33.333333% 20%;}
html body #shop-menu .shop-art[data-goods='MEAT']{background-position:66.666667% 20%;}
html body #shop-menu .shop-art[data-goods='SNIPER']{background-position:100% 20%;}
html body #shop-menu .shop-art[data-goods='MOLOTOV']{background-position:0 83%;}
html body #shop-menu .shop-art[data-goods='GRENADE']{background-position:33.333333% 83%;}
html body #shop-menu .shop-art[data-goods='DECOY']{background-position:66.666667% 83%;}
html body #shop-menu .shop-art[data-goods='MEDKIT']{background-position:100% 83%;}
html body #shop-menu .shop-item,html body #shop-menu #btn-close-shop{min-height:clamp(44px,8vh,66px)!important;padding-top:7px!important;padding-bottom:7px!important;margin:0!important;font-size:clamp(13px,2.2vh,20px)!important;line-height:1.15!important;white-space:normal!important;flex-shrink:0;cursor:pointer;}
html body #shop-menu .shop-item .plaque-button-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;white-space:normal!important;overflow-wrap:anywhere;}
html body #shop-menu .shop-item-name,html body #shop-menu .shop-item-price{font-size:inherit!important;line-height:1.15!important;color:inherit!important;}
html body #shop-menu .shop-item-price{font-size:.88em!important;}
/* Unavailable goods remain opaque; the shared label/price shows disabled state. */
html body #shop-menu .shop-art{opacity:1;}
@media(max-width:619px){
 html body #shop-menu .shop-heading{justify-content:center;gap:6px;}
 html body #shop-menu #shop-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:12px!important;row-gap:18px!important;}
 html body #shop-menu .shop-art{width:100%;}
 html body #shop-menu .shop-item{min-height:54px!important;}
}
@media(max-height:500px) and (min-width:620px){
 html body #shop-menu{padding-top:7px!important;padding-bottom:9px!important;}
 html body #shop-menu .shop-scene{gap:6px;}
 html body #shop-menu #shop-title{font-size:21px!important;padding:5px 26px!important;}
 html body #shop-menu #shop-score{font-size:13px!important;padding:7px 18px!important;}
 html body #shop-menu #shop-items-grid{row-gap:6px!important;}
 html body #shop-menu .shop-art{width:min(100%,35vh);}
 html body #shop-menu .shop-item,html body #shop-menu #btn-close-shop{min-height:36px!important;font-size:clamp(11px,3.2vh,15px)!important;padding-top:4px!important;padding-bottom:4px!important;}
}

html body #shop-menu .shop-scene{flex-shrink:0;min-width:0;}
/* Center the shop sign while keeping live points at the upper right. */
@media(min-width:620px){
 html body #shop-menu .shop-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);}
 html body #shop-menu #shop-title{grid-column:2;}
 html body #shop-menu #shop-score{grid-column:3;justify-self:end;white-space:nowrap;}
}
@media(max-width:619px){
 html body #shop-menu #shop-title{max-width:100%;font-size:clamp(22px,6vw,30px)!important;padding:9px 24px!important;white-space:normal!important;text-align:center;overflow-wrap:anywhere;}
}

html body #shop-menu #shop-title::before{content:"";display:inline-block;width:.65em;height:.65em;margin-right:.3em;background:url("/ui/menu-star.png") center/contain no-repeat;vertical-align:.05em;}