.ttt-grid{max-width:min(420px,100%);gap:6px;background:var(--cell-line);padding:6px;border-radius:14px}.ttt-ultimate .ttt-grid{max-width:min(560px,100%);gap:2px;padding:4px}.ttt .cell{border:0;font:inherit;font-size:clamp(2rem,12vw,4rem);font-weight:800;background:var(--cell-alt);color:var(--text);border-radius:10px}.ttt-ultimate .cell{font-size:clamp(.9rem,4.5vw,1.8rem);border-radius:4px}.ttt .cell.legal{background:var(--cell);cursor:pointer}.ttt .cell.legal:hover{background:var(--accent-soft)}.ttt .cell:disabled{cursor:default}.ttt .cell.mark-X{color:var(--p1)}.ttt .cell.mark-O{color:var(--p3)}.ttt-ultimate .cell.edge-r{box-shadow:4px 0 0 var(--cell-strong)}.ttt-ultimate .cell.edge-b{box-shadow:0 4px 0 var(--cell-strong)}.ttt-ultimate .cell.edge-r.edge-b{box-shadow:4px 0 0 var(--cell-strong),0 4px 0 var(--cell-strong),4px 4px 0 var(--cell-strong)}.ttt-ultimate .cell.won-X{background:color-mix(in srgb,var(--p1) 18%,var(--cell-alt))}.ttt-ultimate .cell.won-O{background:color-mix(in srgb,var(--p3) 18%,var(--cell-alt))}.ttt-ultimate .cell.won-D{opacity:.55}