/* Shared look for the party pages. Colours are sampled from the Bullseye Blitz logo:
   orange letters, red + cream target, dark navy outline. Hard edges and flat offset shadows, no glows. */
/* Franklin Gothic is a Microsoft font: only the laptop copy has the file (.assetsignore keeps it off the web).
   Online, Archivo Narrow (free, Google Fonts) stands in. */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@700&display=swap');
@font-face { font-family: 'Franklin Cond'; src: url('fonts/FranklinGothicDemiCond.ttf'); font-display: block; }
:root {
  --orange: #fc9905; --red: #e0342b; --red-deep: #ca1d18; --cream: #f3e4cc; --navy: #221c4d; --night: #0d0a1c;
  /* older names the pages use */
  --bg: var(--night); --bg2: #1d1438; --deep: var(--navy); --panel: rgba(13,10,28,.78); --line: rgba(243,228,204,.18);
  --ink: var(--cream); --dim: rgba(243,228,204,.62);
  --gold: var(--orange); --teal: var(--cream);
  --title: 'Franklin Cond', 'Archivo Narrow', 'Arial Narrow', sans-serif;
  --body: 'Franklin Cond', 'Archivo Narrow', 'Arial Narrow', sans-serif;
  --shadow: 6px 6px 0 var(--night);
}
body { background: var(--bg); color: var(--ink); font-family: var(--body); margin: 0; letter-spacing: .01em; }

/* a hard-edged button with a flat offset shadow, like the logo's extrusion */
.hard { font: 400 30px var(--title); letter-spacing: .04em; color: var(--navy); background: var(--orange);
  border: 4px solid var(--night); box-shadow: var(--shadow); padding: 12px 34px; cursor: pointer; text-transform: uppercase; }
.hard:active { transform: translate(4px, 4px); box-shadow: 2px 2px 0 var(--night); }

/* the red rubber-stamp CLANK */
.stamp { display: inline-block; color: var(--red); border: 4px solid var(--red); padding: 0 12px; transform: rotate(-7deg);
  font: 400 1em var(--title); letter-spacing: .06em; line-height: 1.15; }