.pocket-water-page{height:100dvh}.pocket-water{width:100%;height:100%;position:relative;overflow:hidden}.water-surface{aspect-ratio:1;touch-action:none;cursor:crosshair;background:0 0;border:0;border-radius:50%;width:calc(100% - 3rem);height:auto;padding:0;display:block;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.pocket-water-page .water-surface{width:min(100% - 3rem,100dvh - 6.5rem);top:calc(50% + 1.75rem)}.water-surface:disabled{cursor:default}.water-surface canvas{width:100%;height:100%;display:block}.water-placeholder{color:#333;place-content:center;font-size:.9rem;display:grid;position:absolute;inset:0}.pocket-water :is(button,a):focus-visible{outline-offset:-4px;outline:2px solid #333}.water-error{top:max(1rem, env(safe-area-inset-top));color:#f0f7f4;text-align:center;background:#183c3ee6;border-radius:1rem;padding:1rem;font-size:.85rem;position:absolute;left:1rem;right:1rem}