/* Live Stage tokens shared by phone, wall and console (deep teal, cream, amber). Stand-in for the kit's shell styles. */
:root {
  /* Aliases onto the kit's Live Stage tokens (/kit/live-stage.css, linked first on every page). */
  --bg:var(--kit-bg,#0b2330); --panel:var(--kit-surface,#123342); --panel-2:#183f50; --ink:var(--kit-ink,#faf3e8); --muted:var(--kit-muted,#b5c7cf); --line:var(--kit-border,#53717e);
  --accent:var(--kit-accent,#ffad65); --on-accent:var(--kit-on-accent,#0b2330); --good:var(--kit-gain,#a6e3c5); --bad:#ff8f80; --link:#ffbd87;
  color-scheme: dark;
}
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html, body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif; }
button { font:inherit; font-weight:650; border:0; border-radius:12px; padding:12px 18px; background:var(--accent); color:var(--on-accent); cursor:pointer; touch-action:manipulation; }
button.ghost { background:transparent; color:var(--ink); border:1px solid var(--line); }
button:disabled { opacity:.4; cursor:not-allowed; }
input { font:inherit; padding:12px; border-radius:10px; border:1px solid var(--line); background:var(--panel); color:var(--ink); }
.muted { color:var(--muted); }
.build { position:fixed; left:8px; bottom:4px; font-size:11px; color:var(--muted); opacity:.7; pointer-events:none; }
.error { color:var(--bad); }
.fig { display:flex; flex-direction:column; }
.fig b { font-size:1.4em; font-variant-numeric:tabular-nums; }
.fig small { color:var(--muted); font-size:.75em; line-height:1.25; }
.bad { color:var(--bad); } .good { color:var(--good); } .amber { color:var(--accent); }
.ribbon { position:fixed; top:14px; right:-38px; transform:rotate(45deg); background:var(--accent); color:var(--on-accent); padding:4px 48px; font-weight:800; font-size:12px; letter-spacing:1px; z-index:50; }
.tag { height:18px; display:block; margin:0 0 14px; }