.ZggoVW_frame{--gutter:22px;--size:min(640px, calc(100cqi - 2 * var(--gutter)), calc(100dvh - var(--board-reserve,200px)));grid-template-columns:var(--gutter) max(256px, var(--size)) var(--gutter);font-family:var(--mono);color:var(--faint);-webkit-user-select:none;user-select:none;grid-template-areas:".top.""left board right"".bottom.";font-size:11px;display:grid}.ZggoVW_cols,.ZggoVW_rows{text-align:center;list-style:none;display:grid}.ZggoVW_cols{height:var(--gutter);grid-template-columns:repeat(16,minmax(0,1fr))}.ZggoVW_rows{grid-template-rows:repeat(16,minmax(0,1fr));align-items:center}.ZggoVW_top{grid-area:top;align-items:end;padding-bottom:4px}.ZggoVW_bottom{grid-area:bottom;align-items:start;padding-top:4px}.ZggoVW_left{text-align:right;grid-area:left;padding-right:6px}.ZggoVW_right{text-align:left;grid-area:right;padding-left:6px}.ZggoVW_boardWrap{grid-area:board;position:relative}.ZggoVW_board{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;box-shadow:0 0 0 1px var(--line2), 0 24px 60px var(--shadow);touch-action:manipulation;-webkit-touch-callout:none;cursor:pointer;border-radius:4px;display:block}@media (max-width:600px){.ZggoVW_frame{--gutter:14px;grid-template-columns:var(--gutter) max(200px, var(--size)) 0;font-size:9px}.ZggoVW_left{padding-right:3px}.ZggoVW_right,.ZggoVW_bottom{display:none}}