body {
    background-color: #000;
    color: #fff;
    font-family: 'Press Start 2P', cursive;
    text-align: center;
    margin: 0;
    padding: 12px;
    box-sizing: border-box;
    overflow-x: hidden;
}

h1 { font-size: clamp(1.4rem, 5vw, 2.5rem); }

canvas {
    background-color: #000;
    border: 2px solid #fff;
    display: block;
    width: min(calc(100vw - 24px), calc((100vh - 120px) * 4 / 3));
    height: min(calc(100vh - 120px), calc((100vw - 24px) * 3 / 4));
    max-width: 800px;
    max-height: 600px;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    margin: 0 auto;
    box-sizing: border-box;
}