/* Standard Game UI v1.4: themes/hexapuss-drip.css. The Hexapuss Drip look, from the live UI Design Document style
   "Hexapuss Drip" (stevehinanpresents.com/experimental/ui-design-document/), with Steve's title rule: the site font
   at letter-spacing -0.05em. Opt in per game: link this file after tokens.css and the component CSS. It only sets
   tokens, the title font face, a .sgu-title helper and the halo dial; every kit file stays byte-identical.
   Proportional fonts only. The page also loads Oswald 400 and 700 (Google Fonts), the same as the site.
   Record red is not themed: --sgu-rec-red stays #ff3b3b, recording only. */
@font-face {
  font-family: 'Hexapuss Drip Big';
  src: url('/webfonts/HexapussDrip-Big.woff2?v=dbffe253') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  /* palette: the standard accents, the standard text grays, and two violet-black surface grays */
  --sgu-orange: #ff8a1f;     /* A */
  --sgu-green: #3ddc84;      /* B */
  --sgu-purple: #a855f7;     /* C */
  --sgu-rec-red: #ff3b3b;    /* recording only, same in every theme */
  --sgu-black: #000000;
  --sgu-white: #ffffff;
  --sgu-gray-100: #f2f2f2;   /* body text */
  --sgu-gray-300: #aaaaaa;   /* soft text */
  --sgu-gray-500: #6e6e6e;   /* muted text, idle parts */
  --sgu-gray-700: #2a1a3a;   /* borders, raised faces (Drip violet) */
  --sgu-gray-900: #08050c;   /* control surfaces (Drip violet black) */
  /* type: the site heading font for titles, Oswald for UI and body */
  --sgu-font: "Oswald", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --sgu-font-body: "Oswald", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --sgu-font-title: "Hexapuss Drip Big", "Metal Mania", Impact, sans-serif;
  --sgu-title-weight: 400;
  --sgu-title-tracking: -0.05em;
  --sgu-title-line: 1.05;
  /* shape and effects */
  --sgu-radius-s: 6px;
  --sgu-radius-m: 8px;
  --sgu-radius-l: 16px;
  --sgu-radius-pill: 999px;
  --sgu-btn-radius: 8px;     /* rounded buttons */
  --sgu-border-w: 1px;
  --sgu-glow: 1.2;           /* 1.0 = the v1 look */
  --sgu-glow-a: 54%;         /* glow x 45%: strong glow mix */
  --sgu-glow-b: 26.4%;       /* glow x 22%: soft glow mix */
  --sgu-focus: var(--sgu-white);
  --sgu-surface: radial-gradient(ellipse at 50% 0%, #1a0a2a, #050303 70%);
  --sgu-theme: "hexapuss-drip";
}
/* Big game titles: the site font, -0.05em tracking (Steve, Nov 11, 2026). Uppercase, normal weight, a little room for the drips. */
.sgu-title {
  font-family: var(--sgu-font-title);
  font-weight: var(--sgu-title-weight);
  letter-spacing: var(--sgu-title-tracking);
  line-height: var(--sgu-title-line);
  text-transform: uppercase;
  padding-block: 0.1em;
}
/* Halo dial: the accent ring with a soft accent glow around the shared SHPDial knob. */
.shp-dial-knob {
  border-color: var(--accent, var(--sgu-orange));
  box-shadow: 0 0 0 3px var(--sgu-black), 0 0 calc(var(--sgu-glow) * 16px) color-mix(in srgb, var(--accent, var(--sgu-orange)) var(--sgu-glow-a), transparent);
}