/* Phase 5.3.3 SHOP & FOOD: 食べ物の5店舗（カテゴリのチップ＋2列の商品カード）と FOOD BOOK のチップ */
.sheet .shopinfo{margin-bottom:2px;line-height:1.35;font-size:14px;opacity:.85}
.sheet .shopopen{margin-bottom:4px;font-weight:800}
.sheet .shopopen.off{color:#7a5cc2}
.sheet .tabs.fchips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:4px 0 8px;padding-bottom:2px}
.sheet .tabs.fchips::-webkit-scrollbar{display:none}
.sheet .tabs.fchips button{flex:0 0 auto;white-space:nowrap;font-size:14px;min-height:40px;padding:7px 12px}
.sheet .tabs.fchips button small{margin-left:5px;font-size:14px;opacity:.75;font-weight:800}
.sheet .grid.fshop{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sheet .grid.fshop .card.fcard{min-height:136px;padding:24px 6px 8px;justify-content:center;gap:1px;font-size:14px;line-height:1.25;overflow:hidden}
.card.fcard i{font-size:34px;margin-bottom:2px}
.card.fcard b{font-size:14px;word-break:keep-all;overflow-wrap:anywhere}
.card.fcard small.fm{font-size:14px;opacity:.6;line-height:1.2}
.card.fcard small.pr{font-size:14px;opacity:1;font-weight:900}
.card.fcard .tgs{position:absolute;top:4px;left:5px;right:5px;display:flex;gap:3px;flex-wrap:wrap}
.card.fcard .tg{font-size:14px;font-weight:900;border-radius:8px;padding:0 5px;line-height:18px;background:#ece8f6;color:#3a2f66}
.card.fcard .tg.new{background:#ff5d7a;color:#fff}
.card.fcard .tg.fea{background:#ffe08a}
.card.fcard .tg.r-RARE{background:#ffd34d}.card.fcard .tg.r-UNCOMMON{background:#d9ecff}
.card.fcard .fmeta{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;font-size:14px;font-weight:800;min-height:0}
.card.fcard .fmeta .so{color:#d33}.card.fcard .fmeta .lf{color:#c06a00}.card.fcard .fmeta .ow{color:#2e7d5b}
.card.fcard .pbs{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin-top:2px}
.pb{font-size:14px;font-weight:900;border-radius:7px;padding:0 4px;line-height:18px;background:#e8e8ee;color:#444}
.pb.good{background:#ffd1e0;color:#a3204c}.pb.mid{background:#ececf2;color:#555}.pb.bad{background:#cfd8ff;color:#2d3c99}
@media (max-width:340px){.sheet .grid.fshop .card.fcard{min-height:128px;font-size:14px}.card.fcard i{font-size:30px}}
/* 店内の買い物ボタン: ふだんは長い表示。出口と重なる小さい画面では出口の右横に短い表示（.mini） */
.scene.store .shopbtn .s{display:none}
.scene.store .shopbtn.mini{left:auto;right:8px;transform:none;padding:10px 14px;font-size:16px;min-height:44px;border-radius:16px}
.scene.store .shopbtn.mini .l{display:none}.scene.store .shopbtn.mini .s{display:inline}