/* DEAD WEIGHT — shared chrome for every page in this webroot (the game and its privacy notice).
 *
 * A DANKGAMES title, dressed like one: the studio's cartridge language (ink outlines, a hard
 * bottom edge that makes a control sit ON the page, Bungee for the marquee type, Rubik for
 * everything you read) in Dead Weight's own colours — bone for ink, night for the page, and the
 * amber the canvas already uses for pips, jams and plates.
 *
 * WHAT THIS FILE MAY NOT DO: move a pixel of layout. The game page is budgeted to the pixel
 * (test/board-size.test.cjs, browser-mobile, browser-firstvisit), so everything here is colour,
 * type face, shadow or ornament — never a margin, padding, width, height or line-height that
 * the page's own inline <style> has already measured.
 *
 * TYPE (self-hosted, licences alongside in assets/fonts/):
 *   Bungee — OFL 1.1, assets/fonts/OFL-Bungee.txt
 *   Rubik  — OFL 1.1, assets/fonts/OFL-Rubik.txt
 * Paths are RELATIVE to this file, so they resolve both under the live /deadweight/ alias and
 * under any local docroot. */

@font-face{
  font-family:"Bungee"; font-style:normal; font-weight:400; font-display:swap;
  src:url(fonts/bungee-latin-400.woff2) format("woff2");
}
@font-face{
  font-family:"Rubik"; font-style:normal; font-weight:300 900; font-display:swap;
  src:url(fonts/rubik-latin-wght.woff2) format("woff2");
}

/* the page texture: a faint dot-matrix behind everything, the studio's paper. No layout. */
body{
  background-image:radial-gradient(var(--dot, rgba(127,127,127,.06)) 1px, transparent 1.3px);
  background-size:14px 14px;
}

/* the marquee: Bungee, extruded in amber then ink. text-shadow costs no layout. */
.dw-mark{
  font-family:"Bungee","Arial Black",Impact,system-ui,sans-serif; font-weight:400;
  color:var(--ink);
  text-shadow:.06em .06em 0 var(--accent), .12em .12em 0 var(--drop, #000);
}