*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}
html,body{margin:0;width:100%;height:100%;min-height:100dvh;background:#5ec8f2;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:default}
canvas{display:block;image-rendering:pixelated;touch-action:none;outline:0}
#sound{position:fixed;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:40px;height:40px;border-radius:50%;border:0;outline:0;background:rgba(20,15,42,.45);color:#fff;font:600 20px/40px system-ui,sans-serif;padding:0;touch-action:none;-webkit-appearance:none;appearance:none}
#sound.off{opacity:.45;text-decoration:line-through}
@media (min-width:700px){html,body{background:#140f2a}}
#safe{position:fixed;top:0;left:0;width:0;height:0;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}