:root{--page-px:2px;--page-bg:#28526d}html,body{height:100%;margin:0;overflow:hidden}body{background-color:var(--page-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges'%3E%3Crect width='8' height='8' fill='%2328526d'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%232e5c7a'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%232e5c7a'/%3E%3Crect x='5' y='1' width='1' height='1' fill='%23254b64'/%3E%3Crect x='1' y='5' width='1' height='1' fill='%23254b64'/%3E%3C/svg%3E");background-size:calc(var(--page-px) * 8) calc(var(--page-px) * 8);image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}canvas{image-rendering:pixelated;display:block}canvas#game{box-shadow:0 0 0 var(--page-px) #2b1a2f, 0 0 0 calc(var(--page-px) * 2) #c9eefc, 0 0 0 calc(var(--page-px) * 3) #16303f, var(--page-px) var(--page-px) 0 calc(var(--page-px) * 3) #0a182273}