/* Space Invaders: fonts, reset, palette, route background, utilities. */
@import url('/assets/shared/fonts.css?v=8035127e7ac5');
:root{
  --space: #050712;
  --cabinet: #091127;
  --cabinet-2: #0d1935;
  --screen: #030817;
  --cyan: #71f5ff;
  --cyan-dim: #2b8192;
  --gold: #ffd36a;
  --pink: #ff6eaf;
  --green: #7cff7c;
  --ink: #e8f7ff;
  --muted: #8aaabd;
  --danger: #ff567b;
  --pixel-font: 'Press Start 2P', 'Courier New', monospace;
  --pixel: clamp(2px, 0.24vw, 4px);
  --edge: clamp(8px, 1vw, 14px)
}html, body{
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden
}body.space-page{
  min-height: 100dvh;
  color: var(--ink);
  background: var(--space);
  font-family: var(--pixel-font);
  overscroll-behavior: none
}body.byler-page{
  --cyan: #9edcff;
  --cyan-dim: #514d92;
  --gold: #ffd0ec;
  --pink: #ff8ccf
}.space-bg{
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 77% 18%, rgba(255, 110, 175, 0.08), transparent 23%),
    radial-gradient(circle at 15% 76%, rgba(113, 245, 255, 0.07), transparent 25%),
    var(--space)
}.space-bg::before{
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0.5;
  background-image:
    radial-gradient(circle at 8% 18%, #fff 0 1px, transparent 1.5px),
    radial-gradient(circle at 21% 73%, #71f5ff 0 1px, transparent 1.5px),
    radial-gradient(circle at 37% 31%, #fff 0 1px, transparent 1.5px),
    radial-gradient(circle at 52% 84%, #ffd36a 0 1px, transparent 1.5px),
    radial-gradient(circle at 68% 45%, #fff 0 1px, transparent 1.5px),
    radial-gradient(circle at 84% 67%, #71f5ff 0 1px, transparent 1.5px),
    radial-gradient(circle at 94% 12%, #fff 0 1px, transparent 1.5px);
  background-size: 320px 240px
}.crt-overlay{
  position: fixed;
  inset: 0;
  z-index: 50;
  pointer-events: none;
  display: none;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0 2px,
    rgba(0, 0, 0, 0.16) 2px 3px
  )
}.skip-link{
  position: fixed;
  left: -9999px;
  top: 8px;
  z-index: 100
}.skip-link:focus-visible{
  left: 8px;
  padding: 10px;
  color: var(--space);
  background: #fff
}body.space-page .hidden.hidden {
  display: none
}body.low-effects .crt-overlay, body.low-effects .space-bg::before{
  display: none
}