.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}.tet-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:var(--sp-3)}.tet-pad__btn{padding:10px;font-size:18px;border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-bg-elevated);color:var(--c-text);cursor:pointer;-webkit-tap-highlight-color:transparent}.tet-pad__btn:active{background:var(--c-bg-sunken)}@media(max-width:560px){.tet-pad{width:min(86vw,300px)}}