:root{color:#1f2937;font-family:Trebuchet MS,Verdana,sans-serif;background:radial-gradient(circle at top,#f7f2dc,#d9eef9 40%,#b8d9ee)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;width:100%}body{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;max-width:100vw;overflow:hidden}canvas{display:block;flex:0 0 auto;margin:auto!important;max-height:100vh;max-height:100dvh;max-width:100vw;outline:4px solid #3f2b1b;outline-offset:-4px;border-radius:18px;box-shadow:0 18px 50px #37415140}#app:fullscreen{height:100dvh;width:100vw}