#lake-viewport{display:grid;place-items:center;width:100vw;height:100svh;overflow:hidden}
/* Smooth source sampling avoids magnifying the low-resolution canvas pixel grid. */
#art,#water{image-rendering:auto}
@media(max-width:600px),(max-width:900px) and (pointer:coarse){
 #lake-viewport{display:block;place-items:normal;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 #lake-viewport::-webkit-scrollbar{display:none}
 #world{width:max(135vw,150svh);height:max(90vw,100svh);max-height:none;touch-action:pan-x}
 #world .discovery{touch-action:pan-x}
 #lake-viewport:focus-visible{outline:2px solid #92e1e888;outline-offset:-2px}
}