/* Tuga Arcade: fonts, brand colors and the few base rules every game shares.
   Colors match the theme's assets/base.css (the 14, canonical order). */
@font-face { font-family: "Bolota"; src: url("fonts/Bolota-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  --paprika: #9A3324; --persimmon: #CF4520; --lemon: #FBD872; --lime: #CDEA80;
  --moss: #708573; --agave: #00968F; --blueberry: #1D4289; --ube: #9B26B6;
  --lilac: #D6BFDD; --lychee: #F3D6E5; --pitaya: #DA1984; --mushroom: #C5B9AC;
  --salt: #FFFFFF; --pepper: #2D2926; --cream: #FFF8EE;
  --display: "Bolota", "Arial Rounded MT Bold", system-ui, sans-serif;
  --body: "Poppins", system-ui, sans-serif;
}
* { box-sizing: border-box; }
img { display: block; max-width: 100%; }
body { font-family: var(--body); color: var(--pepper); }

/* ways out, on the start and pause screens */
.out { display: flex; gap: 18px; justify-content: center; }
.out a { font: 600 15px/1.2 var(--body); color: var(--pepper); text-decoration: underline; text-underline-offset: 3px; }