/* Reset & full-screen centering */
*{margin:0;padding:0;box-sizing:border-box}
body,html{height:100%;overflow:hidden;background:#0f0f1e;font-family:Helvetica,Arial,sans-serif;display:flex;justify-content:center;align-items:center}

/* Canvas fills portrait viewport */
canvas{
    width:100vmin;
    height:100vmin;
    max-width:600px;
    max-height:600px;
    background:#0f0f1e;
    border-radius:12px;
    box-shadow:0 0 20px #0ff4;
}

/* Hide audio controls */
audio{display:none}