:root { color-scheme: dark; background:#0d0a07; color:#c8b894; font-family:"Courier New",monospace }
* { box-sizing:border-box }
html,body { width:100%;height:100%;margin:0;overflow:hidden }
body { display:grid;place-items:center;background:#0a0805 }
main { display:grid;place-items:center;gap:8px;width:100% }
canvas {
  width:min(97vw,172vh);height:auto;aspect-ratio:16/9;
  image-rendering:pixelated;
  border:1px solid #3a2f22;
  box-shadow:0 0 70px #000;
}
p {
  margin:0;
  font-size:clamp(9px,1.35vw,13px);
  text-align:center;
  color:#e9dcc2;
  opacity:.92;
  text-shadow:0 1px 0 #000, 0 0 6px rgba(0,0,0,.35);
}