.cube-grid{display:grid;grid-template-columns:repeat(4,58px);grid-template-rows:repeat(3,58px);justify-content:center;gap:3px}.net-face{grid-column:calc(var(--x) + 1);grid-row:calc(var(--y) + 1);min-width:0;padding:0;border:1px solid var(--green);background:#eef4ef;color:var(--green);cursor:pointer}.net-face.selected{background:#e7b84e;color:#252823}.net-face:focus-visible{outline:3px solid var(--coral);outline-offset:2px}@media(max-width:520px){.cube-grid{grid-template-columns:repeat(4,52px);grid-template-rows:repeat(3,52px)}}