:root {
  --bg: #0a0008;
  --bg2: #110010;
  --bg3: #180016;
  --sur: rgba(255,255,255,.045);
  --sur2: rgba(255,255,255,.08);
  --bd: rgba(245,200,66,.14);
  --bd2: rgba(255,255,255,.12);

  --gold: #f5c842;
  --gold-lo: rgba(245,200,66,.09);
  --gold-md: rgba(245,200,66,.28);
  --gold-dim: rgba(245,200,66,.18);
  --tai: #ff4d6d;
  --tai-lo: rgba(255,77,109,.12);
  --tai-bd: rgba(255,77,109,.35);
  --xiu: #4d94ff;
  --xiu-lo: rgba(77,148,255,.12);
  --xiu-bd: rgba(77,148,255,.35);
  --tx: #fff9f0;
  --txm: rgba(255,249,240,.52);
  --txf: rgba(255,249,240,.22);
  --green: #22c55e;
  --red: #ef4444;
  --purple: #a855f7;

  --fh: 'Rajdhani', 'Impact', system-ui, sans-serif;
  --fb: system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fm: 'JetBrains Mono', 'Courier New', monospace;

  --topbar-h: clamp(46px, 7vw, 58px);
  --circle-r: clamp(110px, 22vw, 180px);
  --die-s:    clamp(28px, 5.5vw, 44px);
  --chip-s:   clamp(44px, 9.5vmin, 60px);
  --center-w: clamp(120px, 16vw, 180px);
  --panel-fs: clamp(28px, 5vw, 58px);
  --radius: 14px;
  --radius-s: 9px;
  --ease: cubic-bezier(.25,.46,.45,.94);

  --sai-top:    env(safe-area-inset-top, 0px);
  --sai-bottom: env(safe-area-inset-bottom, 0px);
  --sai-left:   env(safe-area-inset-left, 0px);
  --sai-right:  env(safe-area-inset-right, 0px);
}