*{
margin:0;
padding:0;
box-sizing:border-box;
}

html,body{
width:100%;
height:100%;
overflow:hidden;
background:#000;
font-family:Arial,sans-serif;
}

body{
display:flex;
justify-content:center;
align-items:center;
padding:0;
}

canvas{
border:4px solid #ffd000;
border-radius:18px;
box-shadow:0 0 40px rgba(255,208,0,.5);
width:min(95vw,900px);
height:auto;
aspect-ratio:900/600;
display:block;
touch-action:manipulation;
background:#000;
}

@media (max-width:768px){

body{
padding:8px;
}

canvas{
width:100vw;
max-width:100vw;
border-width:3px;
border-radius:12px;
}
}

@media (max-height:700px){

canvas{
height:92vh;
width:auto;
}
}