:root{font-family:Trebuchet MS,Verdana,sans-serif;color:#6f1d1b;background:radial-gradient(circle at top,#fff7f1,#f6e7dc 55%,#ead4c7)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}canvas{max-width:min(100vw - 16px,960px);max-height:min(100vh - 16px,540px);border:3px solid #6f1d1b;border-radius:16px;box-shadow:0 22px 60px #6f1d1b2e}