/* Fuente principal del juego */
@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/rubik-v20-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/rubik-v20-latin-700.woff2") format("woff2");
  font-display: swap;
}

/* Fuente para código y elementos monoespaciados */
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/jetbrains-mono-v20-latin-700.woff2") format("woff2");
  font-display: swap;
}

/* Fuentes para temas */
@font-face {
  font-family: "Press Start 2P";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/press-start-2p-v15-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "VT323";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/vt323-v17-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Pixelify Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/pixelify-sans-v1-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Silkscreen;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/silkscreen-v1-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/space-mono-v12-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/source-code-pro-v22-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/fira-code-v21-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/fira-code-v21-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/ibm-plex-mono-v19-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/ibm-plex-mono-v19-latin-700.woff2") format("woff2");
  font-display: swap;
}

/* Fuentes decorativas */
@font-face {
  font-family: "Black Ops One";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/black-ops-one-v20-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Permanent Marker";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/permanent-marker-v16-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Righteous;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/righteous-v13-latin-regular.woff2") format("woff2");
  font-display: swap;
}

/* Fuentes de display */
@font-face {
  font-family: Orbitron;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/orbitron-v29-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Orbitron;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/orbitron-v29-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/cinzel-v19-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/cinzel-v19-latin-700.woff2") format("woff2");
  font-display: swap;
}

/* Fuentes serif */
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/playfair-display-v30-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/playfair-display-v30-latin-700.woff2") format("woff2");
  font-display: swap;
}

/* Fuentes principales */
@font-face {
  font-family: Alegreya;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/alegreya-v35-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Alegreya;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/alegreya-v35-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Audiowide;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/audiowide-v16-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Black Ops One";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/black-ops-one-v20-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Cardo;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/cardo-v19-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Cardo;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/cardo-v19-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Chakra Petch";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/chakra-petch-v9-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Chakra Petch";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/chakra-petch-v9-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/cinzel-v19-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/cinzel-v19-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Cormorant;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/cormorant-v21-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Cormorant;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/cormorant-v21-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Crimson Pro";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/crimson-pro-v23-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/dm-sans-v11-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/dm-sans-v11-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "DotGothic16";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/dotgothic16-v15-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/exo-2-v20-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/fira-code-v21-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/fira-code-v21-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Goldman;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/goldman-v16-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/ibm-plex-mono-v19-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/ibm-plex-mono-v19-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Inconsolata;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/inconsolata-v31-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Inconsolata;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/inconsolata-v31-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/inter-v12-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/inter-v12-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/jetbrains-mono-v20-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Marcellus;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/marcellus-v13-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: MedievalSharp;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/medievalsharp-v24-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Metamorphous;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/metamorphous-v18-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Monoton;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/monoton-v15-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto-sans-jp-v52-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto-sans-jp-v52-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Old Standard TT";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/old-standard-tt-v18-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Old Standard TT";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/old-standard-tt-v18-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Orbitron;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/orbitron-v29-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Orbitron;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/orbitron-v29-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/oswald-v49-latin-200.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/oswald-v49-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/outfit-v11-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Permanent Marker";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/permanent-marker-v16-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Philosopher;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/philosopher-v19-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Pixelify Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/pixelify-sans-v1-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/playfair-display-v30-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/playfair-display-v30-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Press Start 2P";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/press-start-2p-v15-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Quantico;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/quantico-v15-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/quicksand-v30-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/quicksand-v30-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/rajdhani-v15-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/rajdhani-v15-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Righteous;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/righteous-v13-latin-regular.woff2");
  font-display: swap;
}

@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-mono-v22-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/rubik-v20-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/rubik-v20-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Rubik Glitch";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/rubik-glitch-v1-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Share Tech Mono";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/share-tech-mono-v15-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Silkscreen;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/silkscreen-v1-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/source-code-pro-v22-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/space-grotesk-v15-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/space-grotesk-v15-latin-600.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/space-mono-v12-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Staatliches;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/staatliches-v11-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Syncopate;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/syncopate-v19-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Syncopate;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/syncopate-v19-latin-700.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Syne Mono";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/syne-mono-v15-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Teko;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/teko-v15-latin-600.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Tomorrow;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/tomorrow-v15-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "VT323";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/vt323-v17-latin-regular.woff2") format("woff2");
  font-display: swap;
}