/* /stores (B28; B29 directory). Loaded after styles.css and shop.css (top bar + base) and Leaflet's css. Everything here is
   prefixed st. Every colour is a variable: the --st-* ones below are built from the site's theme variables (--paper = text,
   --ink = deepest background, --shell = page, --gold, --muted, and the readable text colours --goldT / --ok / --bad / --info /
   --violet that styles.css sets per theme; [data-theme="light"] on <html>), so the page follows the light / dark theme.
   Fallbacks after the comma keep the page right with an older styles.css. White-on-colour tags use dark enough fills (>= 4.5:1).
   stores.js reads --st-hobby / --st-chain / --st-venue / --st-hot / --st-here / --st-mark-edge / --st-mark-ring / --st-route
   for the map markers. */
.stPage{
  --st-line:color-mix(in srgb,var(--paper) 10%,transparent);
  --st-line2:color-mix(in srgb,var(--paper) 16%,transparent);
  --st-tint:color-mix(in srgb,var(--paper) 4%,transparent);
  --st-tint2:color-mix(in srgb,var(--paper) 7%,transparent);
  --st-tint3:color-mix(in srgb,var(--paper) 13%,transparent);
  --st-field:var(--ink);
  --st-gold-tint:color-mix(in srgb,var(--gold) 16%,transparent);
  --st-gold-line:color-mix(in srgb,var(--gold) 40%,transparent);
  --st-on-gold:#1A1206;
  --st-hobby:var(--gold);
  --st-chain:var(--bc,#4F86B8);
  --st-venue:#B07CC6;
  --st-hot:#E85B4B;
  --st-here:#2BB673;
  --st-here-btn:#1D7650;
  --st-on-here:#FFFFFF;
  --st-route:var(--gold);
  --st-mark-edge:var(--ink);
  --st-mark-ring:#FFFFFF;
  --st-on-hot:#FFFFFF;
  --st-tag-hot:#B23A2F;
  --st-tag-near:#1D7650;
  --st-gold-text:var(--goldT,var(--gold));
  --st-hot-text:var(--bad,#F2A99F);
  --st-ok-text:var(--ok,#8FD3B9);
  --st-likely-text:var(--goldT,#C9D98A);
  --st-venue-text:var(--violet,#D7B8E3);
  --st-chain-text:var(--info,#A9CBEA);
  --st-shade:color-mix(in srgb,var(--ink) 75%,transparent);
  --st-pop-ink:#10181c;
  --st-pop-bg:#f3f3f3;
  --st-pop-line:#bbbbbb;
  --st-pop-hot:#B4453F;
  --st-attr-bg:#FFFFFF;
  --st-attr-link:#00507A;
  --st-map-bg:color-mix(in srgb,var(--ink) 70%,var(--paper) 8%);
}
body.stPage{padding-bottom:30px;overflow-x:hidden;background:var(--shell);color:var(--paper)}
body.stNoScroll{overflow:hidden}
.stPage .top{height:auto;min-height:0;flex-wrap:nowrap;padding:8px 16px}
.stPage .brand::before{display:none}
.stPage .pBack{display:flex;align-items:center;gap:10px;min-width:0}
.stPage .pBack .brand{font-size:15px;white-space:nowrap}
.stPage .pHome{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--st-tint2);color:var(--paper);flex:0 0 auto}
.stPage .pHome:hover{background:var(--st-tint3)}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.st{max-width:1280px;margin:0 auto;padding:28px 22px 20px}
.stHead{max-width:840px}
.stEyebrow{margin:0 0 8px;font-family:var(--util);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--st-gold-text)}
.st h1{margin:0;font-size:clamp(30px,4.4vw,48px);font-weight:900;letter-spacing:-.03em;line-height:1.05}
.stLede{margin:12px 0 0;font-size:16.5px;line-height:1.55;color:var(--muted)}
.stJump{display:flex;flex-wrap:wrap;gap:6px 8px;margin:16px 0 0}
.stJump a{font-family:var(--util);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--paper);text-decoration:none;padding:5px 11px;border-radius:20px;background:var(--st-tint2)}
.stJump a:hover{background:var(--st-gold-tint);color:var(--st-gold-text)}
.st section{margin-top:34px}
.st .stFind{margin-top:26px}
.stBar{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:10px}
.st h2{margin:0;font-size:24px;font-weight:900;letter-spacing:-.01em}
.stCount{font-family:var(--util);font-size:15px;font-weight:600;letter-spacing:.06em;color:var(--muted);margin-left:6px}
.stFine{margin:6px 0 12px;font-size:14px;line-height:1.5;color:var(--muted);max-width:900px}
.stFine b{color:var(--paper)}
.stEmpty{list-style:none;padding:16px;color:var(--muted);font-size:15px;line-height:1.5;border:1px dashed var(--st-line2);border-radius:10px}
.stLbl{display:block;font-family:var(--util);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}

.stBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 15px;border-radius:9px;font:inherit;font-size:14.5px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap;border:0}
.stBtn.gold{background:var(--gold);color:var(--st-on-gold)}
.stBtn.gold:hover{filter:brightness(1.08)}
.stBtn.ghost{background:var(--st-tint2);color:var(--paper);border:1px solid var(--st-line2)}
.stBtn.ghost:hover{border-color:var(--gold)}
.stBtn.sm{min-height:32px;padding:0 10px;font-size:13px;border-radius:7px}
.stBtn[disabled]{opacity:.55;cursor:default}
.stLink{background:none;border:0;padding:0;color:var(--st-gold-text);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}

/* search + location */
.stFinder{margin:0 0 12px}
.stFindRow{display:flex;gap:8px;align-items:stretch;max-width:720px}
.stQ{flex:1 1 auto;min-width:0}
.stQ input,.stSel select,.stStart select,.stStart input[type=text]{width:100%;height:44px;padding:0 12px;border-radius:9px;border:1px solid var(--st-line2);background:var(--st-field);color:var(--paper);font:inherit;font-size:16px}
.stQ input:focus,.stSel select:focus,.stStart input:focus{outline:2px solid var(--gold);outline-offset:1px}
.stGo{min-height:44px;padding:0 22px;font-size:16px}
/* B30: "Use my location" beside Search (big on phones) and the "Looking for shops near ..." line */
.stGeo{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:16px;white-space:nowrap;background:var(--st-here-btn);color:var(--st-on-here);border:0}
.stGeo:hover{filter:brightness(1.08)}
.stGeo:disabled{opacity:.6;cursor:wait}
.stGeo svg{flex:0 0 auto}
.stScan{display:block;max-width:720px;margin:10px 0 0;padding:10px 14px;border-radius:10px;font-size:15px;line-height:1.45;border:1px solid var(--st-line2);background:var(--st-tint2);color:var(--paper)}
.stScan[hidden]{display:none}
.stScan.busy{border-color:var(--st-gold-line);background:var(--st-gold-tint)}
.stScan.ok{border-color:color-mix(in srgb,var(--st-here) 55%,transparent);background:color-mix(in srgb,var(--st-here) 10%,transparent)}
.stSpin{display:inline-block;vertical-align:-3px;margin-right:9px;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:2.5px solid var(--st-gold-line);border-top-color:var(--gold);animation:stSpin 1s linear infinite;flex:0 0 auto}
@keyframes stSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.stSpin{animation:none}}
.stNear{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:8px 0 0;font-size:14px;color:var(--muted)}
.stHint b{color:var(--paper)}

/* filters */
.stFilters{display:grid;gap:8px;margin:0 0 10px}
.stChips{display:flex;flex-wrap:wrap;gap:6px}
.stChip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:18px;border:1px solid var(--st-line2);background:transparent;color:var(--muted);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.stChip.on,.stChip[aria-pressed="true"]{background:var(--st-gold-tint);border-color:var(--st-gold-line);color:var(--paper)}
.stChip:hover{border-color:var(--gold)}
.stSels{display:flex;flex-wrap:wrap;gap:8px 12px}
.stSel{display:flex;flex-direction:column;gap:3px;font-size:12px;font-family:var(--util);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-width:150px;flex:0 1 210px}
.stSel[hidden]{display:none}
.stSel select{height:38px;font-size:14.5px;text-transform:none;letter-spacing:0;font-family:var(--disp)}
.stSort{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 10px}
.stSort .stLbl{margin:0 4px 0 0}
.stSortB{min-height:32px;padding:0 11px;border-radius:7px;border:1px solid var(--st-line2);background:transparent;color:var(--muted);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.stSortB[aria-pressed="true"]{background:var(--paper);border-color:var(--paper);color:var(--ink)}

/* list + map */
.stSplit{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
.stMapWrap{position:sticky;top:64px}
.stMap{height:min(74vh,680px);border-radius:12px;border:1px solid var(--st-line);background:var(--st-map-bg);z-index:0}
.stMap.off{height:60px}
.stMapMsg{margin:8px 0 0;font-size:14px;color:var(--muted)}
.stMapNote{margin-top:8px}
.stListWrap{min-width:0}
.stList{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.stItem{display:flex;gap:6px 12px;justify-content:space-between;align-items:flex-start;padding:9px 12px;border-radius:10px;background:var(--st-tint);border:1px solid var(--st-line)}
.stItem.hot{border-color:color-mix(in srgb,var(--st-hot) 70%,transparent);background:color-mix(in srgb,var(--st-hot) 7%,transparent)}
.stItem.near1{border-color:var(--st-here);box-shadow:0 0 0 1px var(--st-here) inset}
.siMain{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.siDot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:1px;flex:0 0 auto;background:var(--st-hobby)}
.siDot.k-chain{background:var(--st-chain)}.siDot.k-venue{background:var(--st-venue)}.siDot.k-hobby{background:var(--st-hobby)}
.stChip .siDot{margin-right:0}
.siName{background:none;border:0;padding:0;color:var(--paper);font:inherit;font-size:15.5px;font-weight:900;text-align:left;cursor:pointer;display:inline}
.siName:hover{color:var(--st-gold-text)}
.siTop{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0}
.siTag{display:inline-block;margin-left:6px;font-family:var(--util);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:0 7px;border-radius:10px}
.siTag.hot{background:var(--st-tag-hot);color:var(--st-on-hot)}
.siTag.near{background:var(--st-tag-near);color:var(--st-on-hot)}
.siKm{margin-left:auto;padding-left:8px;font-family:var(--util);font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--paper);white-space:nowrap}
.siSub,.siAddr,.siWhen,.siNote,.siSeen{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.siNote{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.siNoSpot{font-style:italic}
.siSeen{color:var(--st-hot-text)}
.siWhen{color:var(--st-venue-text)}
.siBadges{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0}
.bd{display:inline-block;font-size:12px;font-weight:600;line-height:1.5;padding:0 7px;border-radius:9px;background:var(--st-tint2);color:var(--muted);white-space:nowrap}
.bd.s-yes{color:var(--st-ok-text)}.bd.s-likely{color:var(--st-likely-text)}.bd.s-no{color:var(--st-hot-text)}
.bd.svc{color:var(--paper);background:var(--st-tint3)}
.bd.rate{color:var(--st-gold-text)}
.bd.ok{color:var(--st-ok-text);border:1px solid color-mix(in srgb,var(--st-here) 45%,transparent)}
.siLinks{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;margin-top:2px}
.siLinks a{color:var(--st-gold-text);font-weight:700}
.siHours{color:var(--muted)}
.siBtns{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}
.stPager{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:10px 0 0;padding:8px 0;border-top:1px solid var(--st-line)}
.stPager[hidden]{display:none}
.stPageTxt{font-size:13.5px;color:var(--muted);text-align:center;flex:1 1 auto}
.stPop{font-family:var(--disp);font-size:13px;line-height:1.45;color:var(--st-pop-ink)}
.stPop b{font-size:14px}
.stPop a{color:var(--st-pop-ink);font-weight:700}
.stPop .stBtn{margin-top:6px}
.stPop .stBtn.ghost{color:var(--st-pop-ink);border-color:var(--st-pop-line);background:var(--st-pop-bg)}
.stPopHot{color:var(--st-pop-hot);font-weight:700}
.stNearTip{font-weight:700;font-family:var(--disp)}
.leaflet-container{font-family:var(--disp)}
/* B32: the map credit on a solid box in both themes (Leaflet's see-through white over the dark map frame gave 3.2:1) */
.stMap .leaflet-control-attribution{background:var(--st-attr-bg);color:var(--st-pop-ink)}
.stMap .leaflet-control-attribution a{color:var(--st-attr-link)}

/* what we know is where */
.stKnown{padding:16px 18px;border-radius:14px;border:1px solid var(--st-gold-line);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 8%,transparent),color-mix(in srgb,var(--gold) 2%,transparent))}
.stSights{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.stSight{display:flex;gap:10px 14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:11px 13px;border-radius:10px;background:var(--st-field);border:1px solid var(--st-line)}
.stSight.scout{border-color:color-mix(in srgb,var(--st-chain) 45%,transparent)}
.ssMain{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 320px}
.ssProd{font-size:16px;overflow-wrap:anywhere}
.ssWhere{font-size:14.5px}
.ssMeta,.ssNote{font-size:13px;color:var(--muted)}
.ssWho{font-family:var(--util);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:1px 7px;border-radius:10px;background:var(--st-gold-tint);color:var(--st-gold-text)}
.ssWho.scout{background:color-mix(in srgb,var(--st-chain) 25%,transparent);color:var(--st-chain-text)}
.ssBtns{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ssThanks{font-size:13px;color:var(--st-ok-text);font-weight:700}

/* route */
.stRouteBox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px;padding:14px;border-radius:12px;border:1px solid var(--st-line);background:var(--st-tint)}
.stStartRow{display:flex;gap:8px;margin:0 0 8px}
.stStartRow>*{flex:1 1 auto;min-width:0}
.stStartRow .stBtn{flex:0 0 auto}
.stStartNow{margin:4px 0 8px;font-size:14px}
.stCk{display:inline-flex;align-items:center;gap:7px;font-size:14px;cursor:pointer}
.stCk input{width:17px;height:17px;margin:0;accent-color:var(--gold)}
.stStops ol{margin:0 0 10px;padding:0;list-style:none;counter-reset:s;display:grid;gap:5px;max-height:300px;overflow:auto}
.stStops li{counter-increment:s;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;background:var(--st-tint2);font-size:14px}
.stStops li:not(.stEmpty)::before{content:counter(s);flex:0 0 22px;height:22px;border-radius:50%;background:var(--st-gold-tint);color:var(--st-gold-text);font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}
.stStops li span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.stStops small,.stOrder small{display:block;color:var(--muted);font-size:12px}
.stX{background:none;border:1px solid var(--st-line2);border-radius:7px;color:var(--muted);width:30px;height:30px;font-size:18px;line-height:1;cursor:pointer}
.stRouteBtns{display:flex;flex-wrap:wrap;gap:8px}
.stPlan{margin-top:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--st-gold-line);background:color-mix(in srgb,var(--gold) 6%,transparent)}
.stPlan h3{margin:0 0 4px;font-size:18px}
.stOrder{margin:10px 0 14px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px 12px;font-size:14.5px}
.stOrder li{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:8px;background:var(--st-tint2)}
.stOrder .n{flex:0 0 auto;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--st-gold-tint);color:var(--st-gold-text);font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}
.stOrder li.start .n{background:color-mix(in srgb,var(--st-here) 25%,transparent);color:var(--st-ok-text)}

/* collectors */
.stVendors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.stVendor{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:10px;background:var(--st-tint);border:1px solid var(--st-line)}
.stVendors .stEmpty{grid-column:1/-1}
.stAttr{margin:38px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}
.stAttr a{color:var(--muted)}

/* the form sheet */
.stSheet{position:fixed;inset:0;z-index:1000;background:var(--st-shade);display:flex;align-items:flex-start;justify-content:center;padding:5vh 14px;overflow:auto}
.stSheet[hidden]{display:none}
.stSheetIn{position:relative;width:100%;max-width:560px;background:var(--shell);border:1px solid var(--st-line2);border-radius:14px;padding:20px 20px 18px}
.stSheetIn h2{margin:0 36px 6px 0;font-size:22px}
.stSheetIn>.stX{position:absolute;top:12px;right:12px}
.stForm{display:grid;gap:10px}
.stForm label{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--muted)}
.stForm label.stCk{flex-direction:row;color:var(--paper);align-items:flex-start;line-height:1.35}
.stForm input[type=text],.stForm input[type=email],.stForm input[type=url],.stForm input[type=tel],.stForm input[type=number],.stForm input[type=date],.stForm select,.stForm textarea{
  width:100%;min-height:40px;padding:8px 10px;border-radius:8px;border:1px solid var(--st-line2);background:var(--st-field);color:var(--paper);font:inherit;font-size:15px}
.stForm .stFine{margin:-4px 0 0;font-size:12.5px}
.stRow2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stErr{margin:0;color:var(--st-hot-text);font-size:14px;min-height:1px}
.stPage .toast{z-index:1100}

@media(max-width:899px){
  .stSplit{grid-template-columns:1fr}
  .stMapWrap{position:static;order:-1}
  .stMap{height:46vh;min-height:280px}
  .stRouteBox{grid-template-columns:1fr}
}
@media(max-width:560px){
  .st{padding:20px 16px 16px}
  .stKnown{padding:12px}
  .stItem{flex-direction:column}
  .siBtns{flex-direction:row}
  .stSel{flex:1 1 calc(50% - 6px);min-width:0}
  .stRow2{grid-template-columns:1fr}
  .stBar .stBtn{width:100%}
  .stFindRow{flex-wrap:wrap}
  .stQ{flex:1 1 100%}
  .stGo{flex:1 1 30%;padding:0 16px}
  .stGeo{flex:1 1 60%;justify-content:center;min-height:52px;font-size:17px;font-weight:800}
  .stChip{min-height:32px;padding:0 10px;font-size:13px}
}
/* B31: other games' badges, the report links and forms, "Missing a store?" top and bottom (theme variables only) */
.bd.g-mtg,.bd.g-yugioh,.bd.g-pokemon{background:var(--st-tint3)}
.siFlag{display:block;margin-top:5px;font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.siFlag:hover,.siFlag:focus-visible{color:var(--st-gold-text)}
.stGames{border:1px solid var(--st-line2);border-radius:10px;padding:8px 12px 10px;margin:0;display:grid;gap:6px}
.stGames legend{font-size:13.5px;color:var(--muted);padding:0 4px}
/* B32: thumb-sized taps on touch screens (44px): a listing's name, phone / Website / Google Maps, the report link, + Route */
@media (pointer:coarse){
  .siName{display:inline-flex;align-items:center;min-height:44px}
  .siLinks{gap:0 14px;margin-top:0}
  .siLinks a{display:inline-flex;align-items:center;min-height:44px}
  .siLinks .siHours{flex-basis:100%}
  .siFlag{min-height:44px;margin-top:0;padding:6px 0;text-align:left}
  .stBtn.sm{min-height:44px;padding:0 14px}
}
/* B36: "Missing a store? Tell us" stands out (gold accent, a shop-with-a-plus icon, 44px taps) at the top and after the list;
   the "chain stores are hidden" line. Theme variables only (light + dark). */
.stMissCta{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:4px 18px 4px 6px;border-radius:26px;border:2px solid var(--gold);background:var(--st-gold-tint);color:var(--paper);font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;box-shadow:0 2px 10px color-mix(in srgb,var(--gold) 22%,transparent);transition:transform .12s ease,box-shadow .12s ease}
.stMissCta:hover,.stMissCta:focus-visible{transform:translateY(-1px);box-shadow:0 4px 16px color-mix(in srgb,var(--gold) 35%,transparent)}
.stMissCta:focus-visible,.stMissGo:focus-visible,.stChainOn:focus-visible{outline:2px solid var(--paper);outline-offset:2px}
.stMissCta b{font-weight:900;color:var(--st-gold-text)}
.stMissIc{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--gold);color:var(--st-on-gold)}
.stMissIc.big{width:46px;height:46px}
.stMissIc.big svg{width:26px;height:26px}
.stMissingB{margin:14px 0 0;display:flex;align-items:center;gap:12px 14px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;border:2px solid var(--st-gold-line);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 14%,transparent),color-mix(in srgb,var(--gold) 4%,transparent))}
.stMissBody{display:flex;flex-direction:column;gap:2px;flex:1 1 220px;min-width:0;font-size:14px;line-height:1.45;color:var(--muted)}
.stMissBody b{font-size:16.5px;font-weight:900;color:var(--paper)}
.stMissGo{min-height:44px;padding:0 18px;font-size:15px}
.stChainNote{margin:2px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:14px;line-height:1.45;color:var(--muted)}
.stChainNote[hidden]{display:none}
.stBtn.stChainOn{min-height:44px;padding:0 14px}
.stEmpty .stChainOn{margin:6px 8px 6px 0}
@media(max-width:560px){
  .stBar .stMissCta{width:100%;justify-content:flex-start}
  .stMissGo{width:100%}
  .stMissCta{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.stMissCta{transition:none}.stMissCta:hover{transform:none}}
/* B53: "Choose your vendor" bubble over the kind chips; the list stays empty until one is picked */
.stPick{position:relative;justify-self:start;max-width:100%;margin:0 0 6px;padding:8px 14px;border-radius:12px;background:var(--gold);color:var(--st-on-gold);font-size:14px;line-height:1.35;box-shadow:0 4px 14px color-mix(in srgb,var(--gold) 35%,transparent);animation:stPickBob 1.6s ease-in-out infinite}
.stPick b{margin-right:4px}
.stPick::after{content:"";position:absolute;left:22px;bottom:-7px;border:7px solid transparent;border-bottom:0;border-top-color:var(--gold)}
.stPick[hidden]{display:none}
.stKinds.ask .stChip{border-color:var(--gold);color:var(--paper);box-shadow:0 0 0 3px var(--st-gold-tint)}
@keyframes stPickBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.stPick{animation:none}}