/* Cubo Blocks — Fonts, theme variables (defaults = Jouet; themes/*.js overwrite them), page. */
/* Fonts ship with the game so it looks right offline (SIL Open Font License, see fonts/README.md). */
@font-face { font-family: "Baloo 2"; font-weight: 600 800; font-display: swap; src: url(../fonts/baloo2.woff2) format("woff2"); }
@font-face { font-family: "Press Start 2P"; font-weight: 400; font-display: swap; src: url(../fonts/pressstart2p.woff2) format("woff2"); }
@font-face { font-family: "Press Start 2P UI"; font-weight: 400; font-display: swap; size-adjust: 66%; src: url(../fonts/pressstart2p.woff2) format("woff2"); }
/* Defaults = "Jouet" theme; main.js overwrites these variables with the equipped theme. */
:root {
  --bg: #ffeef4;
  --panel: #ffffff;
  --panel-2: #fbf1f6;
  --slot: #ffffff;
  --text: #4a3a66;
  --muted: #6e5f8c;
  --accent: #7c5cff;
  --on-accent: #ffffff;
  --good: #1f9e68;
  --edge: #f3dce8;
  --radius: 22px;
  --hairline: rgba(74,58,102,0.14);
  --sunken: rgba(74,58,102,0.1);
  --scrim: rgba(74,58,102,0.45);
  --card-bw: 0px; --card-bb: 6px; --card-glow: 0 0 0 transparent;
  --plate-edge: inset 0 -3px 0 var(--edge);
  --font-display: "Baloo 2", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;
  --display-style: normal;
  --font-ui: "Baloo 2", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body {
  margin: 0; height: 100%; overflow: hidden;
  background: var(--bg); color: var(--text);
  font-family: var(--font-ui);
  overscroll-behavior: none; touch-action: none; user-select: none; -webkit-user-select: none;
}
canvas { display: block; }
button { font: inherit; color: inherit; }
button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.display { font-family: var(--font-display); font-style: var(--display-style); font-weight: 700; }