/* Shared by the public pixel-art sections and ranking; no global theme override. */
@font-face {
  font-family: 'Ludicon Pixel';
  src: url('../fonts/pixelify-sans.ttf') format('truetype');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

.pixel-zone,
.pixel-leaderboard-page,
.pixel-home-page .event-detail-modal,
.pixel-home-page .confirmation-dialog {
  --px-ink: #100d27;
  --px-panel: #1c1636;
  --px-violet: #8260c4;
  --px-line: #624984;
  --px-gold: #ffce69;
  --px-mint: #8ff0cf;
  --px-paper: #fff8e8;
  --px-muted: #c5badb;
  --px-font:var(--ludicon-number-font),  'Ludicon Pixel', ui-monospace, monospace;
}

.pixel-zone :is(a, button):focus-visible,
.pixel-leaderboard-page .pixel-ranking-main :is(a, button):focus-visible {
  outline: 3px solid var(--px-mint);
  outline-offset: 5px;
}