@font-face {
  font-family: 'Kabel LT Pro';
  src: url("/assets/KabelLTPro-Black-b38b4ac9.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Kabel LT Pro';
  src: url("/assets/KabelLTPro-Heavy-67d0a4fe.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Kabel LT Pro';
  src: url("/assets/KabelLTPro-Book-209969ef.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Kabel LT Pro';
  src: url("/assets/KabelLTPro-Light-369d6371.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Cartridge';
  src: url("/assets/Cartridge-Light-16f5f509.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Cartridge';
  src: url("/assets/Cartridge-Regular-f5c77896.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Cartridge';
  src: url("/assets/Cartridge-Semibold-ee18125b.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Cartridge';
  src: url("/assets/Cartridge-Bold-5e2c1d42.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Cartridge';
  src: url("/assets/Cartridge-Black-01fca2f2.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Cartridge Soft';
  src: url("/assets/Cartridge-LightSoft-647b79ff.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Cartridge Soft';
  src: url("/assets/Cartridge-RegularSoft-093a799e.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Cartridge Soft';
  src: url("/assets/Cartridge-SemiboldSoft-a996af3f.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Cartridge Soft';
  src: url("/assets/Cartridge-BoldSoft-3632a171.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Cartridge Soft';
  src: url("/assets/Cartridge-BlackSoft-8a127f9b.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

/* Old video-game display titles: Caps + open tracking + tight stacks */
h1,
.font-display,
.font-cartridge {
  font-family: 'Cartridge', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 0.95;
}

/*
 * Pixel-stepped frame (NES/SNES UI panel look).
 * Uses box-shadow steps so corners look blocky instead of rounded.
 */
.pixel-border {
  --pixel-border-color: #6b7280;
  --pixel-border-size: 3px;
  border-radius: 0 !important;
  border: none !important;
  box-shadow:
    calc(-1 * var(--pixel-border-size)) 0 0 0 var(--pixel-border-color),
    var(--pixel-border-size) 0 0 0 var(--pixel-border-color),
    0 calc(-1 * var(--pixel-border-size)) 0 0 var(--pixel-border-color),
    0 var(--pixel-border-size) 0 0 var(--pixel-border-color),
    calc(-2 * var(--pixel-border-size)) calc(-1 * var(--pixel-border-size)) 0 0 var(--pixel-border-color),
    calc(2 * var(--pixel-border-size)) calc(-1 * var(--pixel-border-size)) 0 0 var(--pixel-border-color),
    calc(-2 * var(--pixel-border-size)) var(--pixel-border-size) 0 0 var(--pixel-border-color),
    calc(2 * var(--pixel-border-size)) var(--pixel-border-size) 0 0 var(--pixel-border-color),
    calc(-1 * var(--pixel-border-size)) calc(-2 * var(--pixel-border-size)) 0 0 var(--pixel-border-color),
    var(--pixel-border-size) calc(-2 * var(--pixel-border-size)) 0 0 var(--pixel-border-color),
    calc(-1 * var(--pixel-border-size)) calc(2 * var(--pixel-border-size)) 0 0 var(--pixel-border-color),
    var(--pixel-border-size) calc(2 * var(--pixel-border-size)) 0 0 var(--pixel-border-color);
}

.pixel-border-accent {
  --pixel-border-color: #fb923c;
}

.group:hover .pixel-border-hover,
.group:hover.pixel-border-hover,
.pixel-border-hover:hover {
  --pixel-border-color: #fb923c;
}

.pixel-badge {
  border-radius: 0 !important;
  font-family: 'Cartridge', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
  box-shadow:
    -2px 0 0 0 currentColor,
    2px 0 0 0 currentColor,
    0 -2px 0 0 currentColor,
    0 2px 0 0 currentColor;
}