/* Practice sold-out switches (row 170). Page marks = row 166's live.css; the screen = Seal Ops #mine
   (ops/index.html .mine-* + ops/console.css tokens, both themes), renamed sw-* so nothing collides. */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;
  src:url(bricolage-grotesque.woff2) format("woff2")}   /* SIL OFL 1.1 — OFL.txt beside it */

/* ---------- marks on his page (verbatim from just-smoke-bbq/mockups/_live/live.css) ---------- */
.live-so .line .n,.live-so .line .p,.live-so .ph h3,.live-so .ph .price{opacity:.5;text-decoration:line-through;
  text-decoration-thickness:2px;text-decoration-color:var(--ember)}
.live-so .d,.live-so ul,.live-so .feeds,.live-so .nosub{opacity:.45}
.live-so [data-oc-stepper],.live-so [data-oc-choice-ui]{display:none!important}
.live-stamp{display:inline-block;margin:6px 0 2px;padding:3px 8px 2px;border:2px solid var(--ember-hi);
  color:var(--ember-hi);font:400 13px/1.1 'Anton',Impact,sans-serif;letter-spacing:.08em;
  transform:rotate(-2deg);transform-origin:left center}
.pack .live-stamp{margin-top:10px}
.live-band{position:relative;z-index:4;background:var(--ember);color:#1b0e07;text-align:center;
  padding:12px var(--pad);font:400 20px/1.1 'Anton',Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.live-band small{display:block;margin-top:4px;font:600 11px/1.3 'Archivo',sans-serif;letter-spacing:.14em}

/* ---------- the card under the menu heading (seed D's own tokens) ---------- */
.sw-card{margin:0 0 22px;padding:14px 16px 16px;border:1px solid var(--gold);border-radius:12px;
  background:color-mix(in srgb,var(--gold) 9%,var(--char))}
.sw-card .sw-k{display:block;color:var(--gold);font:400 17px/1.1 'Anton',sans-serif;letter-spacing:.05em;text-transform:uppercase}
.sw-card p{margin:6px 0 12px;color:var(--bone);font:14.5px/1.45 'Archivo',sans-serif}
.sw-go{min-height:48px;padding:0 18px;border:0;border-radius:999px;background:var(--gold);color:#1b0e07;
  font:600 15.5px/1 'Archivo',sans-serif;cursor:pointer}
.sw-go:focus-visible{outline:2px solid var(--bone);outline-offset:2px}
.sw-card .sw-state{margin:10px 0 0;color:var(--muted);font-size:13.5px}

/* ---------- his screen: Seal Ops tokens, light + dark like the real one ---------- */
.sw-screen{--bg:#fbf8f3;--card2:#ffffff;--hair:#e7e0d4;--hair-2:#d6cdbd;--ink:#1c1a17;--ink-2:#5d574e;--on-ink:#ffffff;
  --live:#17613a;--bad-bg:#fdecea;--bad-line:#efb4ad;--bad-ink:#9b1c12;--focus:#2f55d4;
  --lift:0 1px 2px rgba(28,26,23,.05),0 6px 20px rgba(28,26,23,.05);--edge:transparent;
  position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);
  font-family:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.45}
@media (prefers-color-scheme:dark){.sw-screen{--bg:#0e1113;--card2:#171b1e;--hair:#2c343a;--hair-2:#3b454c;--ink:#eef3f5;
  --ink-2:#95a3ac;--on-ink:#0e1113;--live:#3fd68c;--bad-bg:#2a1416;--bad-line:#6d2b2f;--bad-ink:#ffb3b3;--focus:#7aa2ff;
  --lift:none;--edge:#2c343a}}
.sw-screen[hidden]{display:none!important}
html.sw-lock,html.sw-lock body{overflow:hidden}
.sw-top{flex:0 0 auto;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--hair);
  padding:max(14px,env(safe-area-inset-top,14px)) 16px 12px}
.sw-top .t{flex:1;min-width:0}
.sw-top h1{font-size:21px;font-weight:800;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere;color:var(--ink);font-family:inherit;text-transform:none}
.sw-top p{margin:2px 0 0;font-size:14px;color:var(--ink-2)}
.sw-done{flex:0 0 auto;min-height:44px;padding:0 16px;border-radius:99px;border:1px solid var(--hair-2);
  background:var(--card2);color:var(--ink);font:inherit;font-size:15px;font-weight:650;cursor:pointer}
.sw-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 24px}
.sw-in{max-width:560px;margin:0 auto}
.sw-in h2{font-size:24px;font-weight:800;letter-spacing:-.01em;margin:0 0 2px;color:var(--ink);font-family:inherit;text-transform:none}
.sw-in .lede{margin:0;color:var(--ink-2);font-size:15px}
.sw-grp{margin:20px 0 8px;font-size:13px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.sw-row{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;margin:0 0 8px;padding:8px 12px 8px 16px;
  background:var(--card2);border:1px solid var(--edge);box-shadow:var(--lift);border-radius:14px;color:var(--ink);
  font:inherit;text-align:left;cursor:pointer}
.sw-row .sw-txt{flex:1;min-width:0;font-size:17px;font-weight:650;overflow-wrap:anywhere}
.sw-row .sw-txt small{display:block;font-weight:400;font-size:14px;color:var(--ink-2);margin-top:1px}
.sw-row .nm{display:block}
.sw-row .sw{flex:0 0 auto;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:750;letter-spacing:.03em;color:var(--live)}
.sw-row .sw i{position:relative;width:52px;height:32px;border-radius:99px;background:var(--live)}
.sw-row .sw i::after{content:'';position:absolute;top:3px;left:23px;width:26px;height:26px;border-radius:50%;background:#fff;transition:left .15s}
.sw-row[aria-pressed="true"]{background:var(--bad-bg);border-color:var(--bad-line);box-shadow:none}
.sw-row[aria-pressed="true"] .nm{text-decoration:line-through;text-decoration-color:var(--bad-ink)}
.sw-row[aria-pressed="true"] .sw{color:var(--bad-ink)}
.sw-row[aria-pressed="true"] .sw i{background:var(--hair-2)}
.sw-row[aria-pressed="true"] .sw i::after{left:3px}
.sw-row:focus-visible,.sw-all:focus-visible,.sw-done:focus-visible,.sw-toast button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.sw-foot{flex:0 0 auto;border-top:1px solid var(--hair);background:var(--bg);padding:10px 16px max(14px,env(safe-area-inset-bottom,14px))}
.sw-toast{display:flex;align-items:center;gap:10px;max-width:560px;margin:0 auto 10px;padding:6px 6px 6px 14px;
  border-radius:12px;background:var(--ink);color:var(--on-ink)}
.sw-toast[hidden]{display:none}
.sw-toast p{margin:0;flex:1;font-size:15px}
.sw-toast button{flex:0 0 auto;min-height:44px;min-width:64px;padding:0 14px;border:0;border-radius:10px;background:transparent;
  color:var(--on-ink);font:inherit;font-weight:750;text-decoration:underline;cursor:pointer}
.sw-toast button[hidden]{display:none}
.sw-all{display:block;width:100%;max-width:560px;margin:0 auto;min-height:56px;border-radius:14px;border:1.5px solid var(--bad-ink);
  background:transparent;color:var(--bad-ink);font:inherit;font-weight:750;font-size:17px;cursor:pointer}
.sw-all.back{border-color:var(--live);color:var(--live)}
@media (prefers-reduced-motion:reduce){.sw-row .sw i::after{transition:none}}