.hues-main{min-height:calc(100dvh - 57px);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-5)}.hues-board{display:grid;gap:var(--space-2);width:min(100%,420px)}.hues-tile{aspect-ratio:1;border:var(--outline);border-radius:var(--radius);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.hues-glyph{width:45%;height:45%;background:var(--ink)}.hues-glyph[data-shape=circle]{border-radius:50%}.hues-glyph[data-shape=square]{border-radius:1px}