@font-face {
  font-family: 'Atkinson Hyperlegible'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('https://fonts.gstatic.com/s/atkinsonhyperlegible/v12/9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45GE5Q.ttf') format('truetype');
}
@font-face {
  font-family: 'Atkinson Hyperlegible'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('https://fonts.gstatic.com/s/atkinsonhyperlegible/v12/9Bt73C1KxNDXMspQ1lPyU89-1h6ONRlW45G8WbcNcw.ttf') format('truetype');
}
@font-face {
  font-family: 'Silkscreen'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('https://fonts.gstatic.com/s/silkscreen/v6/m8JXjfVPf62XiF7kO-i9ULQ.ttf') format('truetype');
}
@font-face {
  font-family: 'Silkscreen'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('https://fonts.gstatic.com/s/silkscreen/v6/m8JUjfVPf62XiF7kO-i9aAhATms.ttf') format('truetype');
}
:root {
  color-scheme: dark;
  --cabinet: #0F0E2A;
  --panel: #1B1A45;
  --panel-line: #2C2A6E;
  --cyan: #3DF2FF;
  --magenta: #FF4FD8;
  --lemon: #FFE94D;
  --mint: #5CFF9D;
  --coral: #FF5C7A;
  --violet: #7B6CFF;
  --text: #F5F5FF;
  --muted: #9A98D8;
  --font-pixel: 'Silkscreen', monospace;
  --font-body: 'Atkinson Hyperlegible', sans-serif;
  --pixel-cut: polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px));
}