.tet-wrap{display:flex;gap:var(--sp-5);align-items:flex-start;justify-content:center;flex-wrap:wrap}.tet-board{display:grid;grid-template-columns:repeat(10,1fr);gap:1px;background:var(--c-border);border:2px solid var(--c-border-strong);border-radius:var(--r-md);padding:2px;width:min(86vw,300px);aspect-ratio:10 / 20}.tet-cell{background:var(--c-bg-sunken);border-radius:2px;min-height:0}.tet-cell.filled{box-shadow:inset 0 0 0 1px #0000002e}.tet-side{display:flex;flex-direction:column;gap:var(--sp-3);align-items:center}.tet-side__label{font-size:13px;color:var(--c-text-muted)}.tet-next{display:grid;gap:2px;background:var(--c-bg-sunken);padding:6px;border-radius:var(--r-sm)}.tet-next__cell{width:16px;height:16px;border-radius:2px;background:transparent}.tet-next__cell.filled{box-shadow:inset 0 0 0 1px #0000002e}