:root{color:#f5f1e6;background:radial-gradient(circle at top,#2f3f32,#111514 48%,#090b0b);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;display:grid;place-items:center;overflow:hidden}#app{width:100vw;display:grid;place-items:center;padding:12px}canvas{display:block;width:min(100vw - 24px,420px);height:auto;max-height:calc(100vh - 24px);border-radius:24px;box-shadow:0 20px 60px #0000008c,0 0 0 2px #fff3ce14}