/* BunkerTCG — non-critical stylesheet, v1.
   THE OTHER HALF OF THIS FILE IS INLINE IN templates/site/base.html, AND THAT
   IS DELIBERATE. Inlining is why the site has zero render-blocking external
   resources; this file exists only so the bytes that CANNOT affect the first
   paint stop being re-sent on every navigation.

   WHAT IS ALLOWED IN HERE — nothing else:
     * rules dev/_i194_fold.py measured as never matching an element inside the
       first viewport, on any of 14 pages, at 390x844 or 1280x900;
     * pseudo-class-only rules (:hover/:focus/::placeholder), which by
       definition cannot match at paint time.
   Add an above-the-fold rule here and it WILL flash unstyled: this sheet is
   loaded non-blocking, so it lands AFTER the first paint on a cold visit.
   Re-run dev/_i194_fold.py before moving anything either way, and bump VER —
   the version is in the FILENAME, so a stale copy can never be served.

   Loaded last on purpose, so page-level {% block style %} still wins: base.html
   puts that block in its own <style> AFTER this <link>.
   Guarded by test_css_split.py.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   BunkerTCG design system.

   The palette is NOT invented here — it is imported from brand.py, which read
   it off the Telegram channel logo (see brand.py's comment). Buyers arrive from
   a chat where they have already seen that lantern amber on a dark stall, so
   the site wearing the same face is the point.

   Everything is one stylesheet inlined into the page. No build step, no CDN,
   no external font: the whole site must render from a Mac mini behind a
   Cloudflare tunnel on a Singapore mobile connection, and every extra
   round-trip is a chance to look broken.
   ═══════════════════════════════════════════════════════════════════════════ */

a:hover{text-decoration:underline}
.center{text-align:center}
.nowrap{white-space:nowrap}
.brand:hover{text-decoration:none}
.cartlink:hover{background:var(--wood);border-color:var(--wood-line);text-decoration:none}
.cartlink.has{border-color:var(--wood-line);background:var(--wood)}
.cartlink.has .cartglyph{filter:none;opacity:1}
.cartnum{
  position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;
  border-radius:9px;background:var(--lantern);color:#1a1409;
  font-size:11.5px;font-weight:800;line-height:18px;text-align:center;
  box-shadow:0 0 0 2px rgba(15,13,10,.9);
}
nav.links a:hover{color:var(--cream);background:var(--wood);text-decoration:none}
.btn:hover{text-decoration:none;filter:brightness(1.07)}
.btn:active{transform:translateY(1px)}
.slab:hover{text-decoration:none;border-color:rgba(240,185,90,.42);transform:translateY(-2px);box-shadow:var(--shadow)}
.slab .shot .noimg{color:var(--muted-dim);font-size:30px}

/* ── Chips / pills ──────────────────────────────────────────────────────── */
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 13px;border-radius:999px;font-size:13.5px;font-weight:600;
  background:var(--wood);border:1px solid var(--wood-line);color:var(--muted);
}
.chip:hover{text-decoration:none;color:var(--cream);border-color:rgba(240,185,90,.35)}
.chip.on{background:rgba(240,185,90,.14);border-color:rgba(240,185,90,.5);color:var(--lantern)}
.chip .n{color:var(--muted-dim);font-weight:600;font-size:12px}
input:focus,select:focus{outline:none;border-color:rgba(240,185,90,.55);box-shadow:0 0 0 3px rgba(240,185,90,.10)}
.tbl tbody tr:last-child td{border-bottom:none}
.tbl tbody tr:hover{background:rgba(240,185,90,.045)}
.crumbs a:hover{color:var(--lantern)}
footer.bot a:hover{color:var(--lantern)}