.sq-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-width:360px;margin:8px auto;display:grid}.sq-tile{aspect-ratio:1;background:var(--tile);color:#fff;opacity:.45;cursor:pointer;border:0;border-radius:16px;min-height:72px;font-size:2rem;transition:opacity .12s,transform .12s,box-shadow .12s}.sq-tile:disabled{cursor:default}.sq-grid:not(.is-watching) .sq-tile:not(:disabled){opacity:.7}.sq-tile.is-lit{opacity:1;box-shadow:0 0 0 4px var(--surface), 0 0 0 7px var(--tile);transform:scale(1.06)}.sq-tile.is-wrong{opacity:1;box-shadow:0 0 0 4px var(--surface), 0 0 0 7px var(--error)}