:root{color:#f7fbff;font-family:Arial,sans-serif;background:radial-gradient(circle at top,#1c4e8e,#102443 42%,#081325)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;display:grid;place-items:center;overflow:hidden}#app{width:min(100vw,480px);aspect-ratio:3 / 5;display:grid;place-items:center}canvas{width:100%;height:auto;border-radius:28px;border:3px solid rgba(255,255,255,.18);box-shadow:0 24px 90px #00000059}@media(pointer:coarse){#app{width:100vw;max-width:480px}canvas{border-radius:0;border:0}}