@charset "UTF-8";
/* Doomsloop — habillage de la page moteur (ZDoomWeb) : même charte que la landing, par-dessus bootstrap. */
@font-face { font-family: "doomregular"; src: url("../font/doom.woff") format("woff"); font-display: swap; }
html, body { background: #000 !important; color: #d8d0c0; }
body {
  font-family: ui-monospace, "Cascadia Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace;
  background-color: #1b120c !important;
  background-image: url("../img/wall.png") !important;
  background-size: 128px 256px;
  background-blend-mode: multiply;
  image-rendering: pixelated;
}
#appTitle {
  font-family: "doomregular", Impact, sans-serif; font-weight: normal; font-size: 40px; line-height: 1;
  color: #cc0104;
  text-shadow: 0 1px 1px #520300, 0 -1px 1px #520300, 1px 0 1px #520300, -1px 0 1px #520300, 3px 2px 0 #000;
}
#appTitle .back { color: #8c8478; text-decoration: none; text-shadow: none; font-family: inherit; }
#appTitle .back:hover { color: #d8d0c0; }
#status { color: #d8d0c0 !important; }
.progress { border-radius: 0; background: #000; border: 2px solid #1a1a1a; box-shadow: inset 1px 1px 0 #6a6a6a; height: 18px; }
.progress-bar { background: #cc0104 !important; border-radius: 0; }
.btn, .btn-primary, .btn-secondary, .btn-outline-light {
  border-radius: 0 !important; border: 3px solid #000 !important; font-family: "doomregular", Impact, sans-serif; font-size: 20px; line-height: 1;
  background: #cc0104 !important; color: #000 !important; box-shadow: inset 2px 2px 0 #ff5a5a, inset -2px -2px 0 #520300;
}
.btn-secondary { background: #3a3a3a !important; color: #d8d0c0 !important; box-shadow: inset 2px 2px 0 #6a6a6a, inset -2px -2px 0 #1a1a1a; }
.btn:hover { filter: brightness(1.15); }
#canvasDiv { border: 12px solid transparent; border-image: url("../img/plate.png") 16 repeat; display: inline-block; }
#canvas { display: block; background: #000; }
.github-link { color: #8c8478; }
.github-link:hover { color: #cc0104; }
#output { display: none; }