@font-face {
  font-family: "GouDOS";
  src: url("assets/fonts/goudosb.ttf") format("truetype");
  font-display: swap;
}

:root {
  --hud-bg: rgba(25, 18, 12, 0.96);
  --hud-panel-top: #5a4025;
  --hud-panel-bottom: #2c1d10;
  --hud-border: #a47a47;
  --hud-edge: #1a1008;
  --hud-inner: #77532e;
  --hud-text: #f3e2bf;
  --hud-accent: #d7b37a;
  --hud-shadow: #0d0704;
  --danger: #ff4d4d;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #050505;
  color: var(--hud-text);
  font-family: Georgia, "Times New Roman", serif;
}

#game-shell {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

#game-stage {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}

#game-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  image-rendering: pixelated;
}

#hud {
  display: none;
}

#prompt,
#message {
  display: none !important;
}

#prompt.hidden,
#message.hidden {
  display: none;
}