@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&display=swap";:root{color-scheme:dark;background:#10291f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 30%,#235b43,#091c16);font-family:Fredoka,system-ui,sans-serif;touch-action:none;overscroll-behavior:none}#app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}canvas{display:block!important;margin:auto!important;max-width:100vw!important;max-height:100dvh!important;image-rendering:auto}.rotate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:radial-gradient(circle at 50% 35%,#2c7451,#081d16);color:#fff;place-items:center;text-align:center;padding:30px}.rotate div{display:grid;gap:14px}.rotate span{font-size:72px;color:#e2f478}.rotate strong{font-size:28px;color:#fff2a5}.rotate small{font-size:17px;color:#cce7ce}@media(orientation:portrait)and (max-width:900px){.rotate{display:grid}}@media(orientation:landscape)and (max-height:500px){canvas{width:100vw!important;height:100dvh!important}}