/* THE FLOOR site tokens (Show Graphics & QA, Oct 30 2026). Matches graphics/loop/make_loop_card.py */
:root{
  --floor-bg:#080910; --floor-panel:rgba(255,255,255,.07); --floor-grid:rgba(255,255,255,.04);
  --floor-gold:#FFCD50; --floor-on-gold:#140E00; --floor-fg:#F0F0F5; --floor-dim:#BEBEC8; --floor-grey:#9696A0;
  --floor-win:#3CD278; --floor-loss:#EB4646; --floor-flat:#9696A0; --floor-cyan:#78C8FF; --floor-amber:#FFAA46;
  --floor-onair:#3CD278; /* Phase 2: ON AIR green (Coder lock); card art pill stays red until re-render */
  --floor-unseen:#465A96; --floor-workshop:#FF9632; --floor-bench:#5A5A64;
  --floor-font:"DejaVu Sans","Verdana",system-ui,sans-serif; --floor-weight-bold:700;
  --floor-radius:14px; --floor-pill-radius:12px;
  --floor-min-text:16px; /* phone: nothing smaller */
}
.floor-paper-badge{background:var(--floor-gold);color:var(--floor-on-gold);font:700 .9rem var(--floor-font);border-radius:var(--floor-pill-radius);padding:.2em .7em}
.floor-label-proof{color:var(--floor-cyan);border:2px solid var(--floor-cyan);border-radius:var(--floor-pill-radius);padding:.15em .6em;font-weight:700}
/* Phase 2 status tags (CSS classes; raster badge_*.webp are optional fallbacks) */
.floor-tag{display:inline-block;font:700 .8rem var(--floor-font);border-radius:var(--floor-pill-radius);padding:.2em .7em;letter-spacing:.02em}
.floor-tag--onair{background:var(--floor-onair);color:#05140A}
.floor-tag--bench{background:var(--floor-bench);color:var(--floor-fg)}
.floor-tag--workshop{background:var(--floor-workshop);color:#0A0A0E}
.floor-tag--unseen{background:var(--floor-unseen);color:var(--floor-fg)}
.floor-tag--unseen::after{content:"???"}
.floor-tag--paper{background:var(--floor-gold);color:var(--floor-on-gold)}